VSCode（Visual Studio Code）和Chinese、Live Server插件的下载、安装及使用

最新推荐文章于 2025-03-22 07:30:00 发布
最新推荐文章于 2025-03-22 07:30:00 发布
阅读量8k 收藏 5
点赞数 6
分类专栏： Web高级开发 文章标签： vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Satellite_Q/article/details/123631804
版权
本文介绍了Visual Studio Code（VSCode）的下载、安装过程，针对浏览器下载慢或出错的问题提供了解决方案。此外，还详细说明了如何安装和使用Chinese插件实现中文界面，以及Live Server插件如何实现代码实时预览，提高开发效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

学习Web可使用到的工具VSCode（Visual Studio Code）的下载、安装和基础的两个插件使用

VSCode是什么？

vscode全称：Visual Studio Code。它是Microsoft公司在美国的一个项目:一个跨平台的源代码编辑器,用于在Mac OS X,Windows和Linux上运行的现代Web和云应用程序。通俗地说,是一款编辑器。vscode集成了现代编辑器应具有的所有功能，包括语法突出显示，可自定义的热键绑定，括号匹配和代码片段集合，该编辑器还具有开箱即用的Git支持。

VSCode的下载

下载步骤

VSCode官方下载链接
显示的页面
点击超链接之后显示的界面

根据所使用的系统来下载对应VSCode的就行了
当点击所需要下载的对应版本之后，会跳转到一个新界面（我下载的是windows的版本）
下载对应版本之后跳转的界面
只需要等待一会，浏览器就会生成下载任务了，等待下载完成即可。

浏览器下载缓慢或下载出错问题

在使用浏览器下载的时候，等待了20多分钟，仅仅只下载了10%多，选择去做其他事情继续等待之后，又过

最低0.47元/天 解锁文章
Visual Studio Code（vscode）安装和插件安装
weixin_50856022的博客
12-31 3597
Visual StudioCode，简称vscode，在笔者看来，是前端开发的神器，它可以安装很多插件帮助开发者提高效率和体验。 获取链接：Visual Studio Code - Code Editing. Redefined 选择操作系统，点击按钮下载即可 ...
Visual Studio Code官网下载地址及使用技巧（含常用的拓展插件推荐）
ITCTCSDN的博客
11-25 1027
Visual Studio Code官网下载地址及使用技巧（含常用的拓展插件推荐） （1）设置中文字体类型 （2）修改注释中中文的样式 （3）代码提示快捷键 （4）快捷操作 （5）视图拆分快捷键 （6）常用的拓展插件推荐及安装方法
VSCode下载
04-18
很好用的编辑器，界面比较清晰，可以安装各类插件，软件大小适中，比较适合轻开发，Sublime Text3也很好用哦~~
【前端】Visual Studio Code安装配置教程：下载、汉化、常用组件、基本操作
最新发布
2302_79531041的博客
03-22 3795
在使用其他方法预览时步骤繁琐，比如手动保存后切换到浏览器刷新页面，这时，使用该插件就便利很多。当使用“View In Browser”进行预览后，又将程序修改了，这时在使用预览，浏览器会仍旧停留在上一个内容，需要刷新页面才可以显示新内容。Auto Rename Tag 插件是一个高效的前端开发工具，主要用于：自动同步修改 HTML/XML/JSX 标签的开闭标签，避免因手动修改导致标签不匹配的问题。找到左侧栏中的插件，点击进入搜索框，输入“Chinese”，点击install进行安装。
VScode中如何下载使用Live Server插件
qq_45839155的博客
05-09 3577
VScode中如何使用Live Server插件Live Server 插件有什么用怎么下载使用 Live Server 插件有什么用 在写html页面的时候，在vscode写完代码后，代码保存一次，又需要到页面去刷新一下才能显示出最新结果，很麻烦，在vscode里面下载了Live Server 之后，使用这个插件，就能实现这样的事：写完代码按 ctrl+s（保存快捷键），页面自动跟着更新。 怎么下载使用 1.在vscode左方点最下方的图标，然后在搜索栏输入Live Server进行搜索，第一个就是，点击
VS Code 离线安装Live Server 等插件
ikunsdc 的博客
02-22 3804
一、下载插件离线安装包 1.插件官网地址：https://marketplace.visualstudio.com/vscode 2、搜索下载所需插件 二、下载插件离线安装包 3、vscode中扩展页签中，选择”...“，弹出扩展设置，选择”从VSIX安装“ 4、重启vscode即可。 参考：https://www.cnblogs.com/yuxina/p/9604740.html ...
VSCode Live Server 插件安装和使用
呆萌很的博客
01-08 3466
VSCode Live Server 插件安装和使用
VScode Live Server 插件
热门推荐
X01动力装甲的专栏
09-26 1万+
vscode live server 插件 这个插件很有用，安装之后可以打开一个简单的服务器。而且还会自动更新。 安装之后，打开项目文件夹，再在文件上点击右键就会出现一个Open with Live Server的选项，就会自动打开浏览器了。 默认端口号是5500 http://127.0.0.1:5500/1.html Live Server的其他配置，比如端口号，默认浏览器等等。 现在的vsc...
vsCode安装使用教程和插件安装方法
10-17
Visual Studio Code（简称VS Code/VSC）是一款由微软开发的免费开源现代化轻量级代码编辑器。它支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比Diff、GIT等特性，还...
如何在Visual Studio Code中安装并配置中文界面以及Prettier、Live Server等关键插件？
11-09
在快速掌握Visual Studio Code（VSCode）的过程中，安装并配置中文界面以及Prettier、Live Server等关键插件是十分重要的步骤。为了帮助你顺利完成这一过程，我们推荐查看《VSCode详尽教程：安装与插件全方位解析》...
VScode插件安装
weixin_45323842的博客
08-05 1963
实用、有用的vscode插件分享，按需安装即可
【VSCode】插件推荐 - Live Server
m0_49239264的博客
06-02 1847
简单易用：您可以通过在VSCode的侧边栏中找到Live Server插件，点击"Go Live"按钮或在HTML文件上右键选择"Open with Live Server"来启动服务。自动刷新功能：当您在VSCode中编辑HTML、CSS或JavaScript文件并保存更改时，Live Server会自动在浏览器中刷新页面，让您立即看到最新的变化。多浏览器支持：Live Server支持在不同的浏览器上运行，您可以在插件设置中指定默认浏览器，甚至可以为不同的项目设置不同的浏览器。
VS Code插件live server的安装和使用
weixin_43250628的博客
06-17 503
VS Code插件live server的安装和使用
VSCode Live Server 插件使用教程
gitblog_00626的博客
08-12 740
VSCode Live Server 插件使用教程 项目地址:https://gitcode.com/gh_mirrors/vs/vscode-live-server 1. 项目的目录结构及介绍 VSCode Live Server 插件的 GitHub 仓库（https://github.com/ritwickdey/vscode-live-server）包含以下主要目录和文件： .githu...
【VSC插件】LiveServer 安装使用指南
hzxOnlineOk的博客
06-29 6941
当我们碰到文件引入导致的跨域问题，而测试环境又不存在不同源时，live-server这个插件允许我们起一个前端本地服务，这样子就把资源和网站服务同源了 1.左键点击下图圈出的图标或者快捷键Ctrl+Shift+X，到下图的EXTENSIONS界面。 2.搜索Live Server点击绿色的Install即可安装，笔者是已经装好了所以才没有Install按钮的。 3.安装成功的表示是如下图所示，右键HTML文件有Open with Live Server选项（如果没有这个选项的话..
VScode live server插件
qq_43654065的博客
09-04 2567
live server插件安装后，可以使用live server运行代码。 一直不懂这和下面的Alt+B有什么区别，百度后大概有了了解。 使用live server运行代码，打开是一个服务器，下图上边是live server打开的界面网址，下图为默认浏览器打开的界面网址。可以看到live server打开的是一个服务器，服务器的默认端口是5500，用户也可以自行设置端口号、默认浏览器等。 采用liver server运行代码，可以实现边编写代码边程更新页面，非常适合开发工作者。 ...
vscode插件live Server
淡淡的芦苇的博客
11-06 2482
live Server 使用vscode默认浏览器（Chrome）打开html文件，js加载文件出现跨域报错： Access to XMLHttpRequest at from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted
live server插件怎么用_如何编写 vite 插件？
weixin_39944074的博客
11-24 433
vite ⚡ 快 1.0 了，这就速成一波编写插件然后去造福社区吧 _(:3」∠)_小知识：vite 的读音是 /vit/首先让我们从空白的项目开始，解释 vite 的工作流程。从零开始的 vite 项目新建一个文件夹，先编写一个 package.json，{ 然后我们添加 vite 依赖，pnpm 然后，可以直接开了！pnpm 可以直接看到一个 Not found，发生了什么？其实就是 vi...
Unable to access jarfile ApacheJMeter.jar
浪丶荡
12-02 404
玩一把压测工具，JMeter，下载source解压后Unable to access jarfile ApacheJMeter.jar 之前下载的是源码，里面确实没有ApacheJMeter.jar 改下载这个，Binaries的 apache-jmeter-5.3.zip sha512 pgp 下载解压，打开jmeter.bat，这就很棒了 ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值