VScode下载安装、设置主题、中文、浏览器预览

昨天开始学习VUE,第一次用Visual Studio Code,把软件的下载、安装、设置主题颜色、设置中文界面以及如何使网页用浏览器预览整理了一下。
一、VScode下载
1.百度搜VScode官网，官网网址为https://code.visualstudio.com/，点击Download

2.选择相应的版本，这里我的电脑是windows,选择Windows

3.下载完成,如图所示

另外，也可以360软件管家中搜vscode，直接从软件管家中安装。

二、VScode中设置主题颜色
选择”File/Preference/Color Theme”，设置主题颜色

三、VScode中设置中文
1.这里需要使用快捷键【Ctrl+Shift+P】来实现，如下图：
2.在弹出的搜索框中输入【configure language】，然后选择搜索出来的【Configure Display Language】,如下图：

3.点击左侧的”chinese language”，然后点击”install”即可。

不过安装完成后重启软件才能生效。

四、VScode中设置浏览器预览
1.打开VScode，点击左侧工具栏的最后一个图标或者在“查看”菜单中选择“扩展”，进入插件安装。

2.在搜索框中输入Live Server，在搜索结果中找到“Live Server”，如图所示，点击“安装”。

3.安装完成需要重启VSCode软件，Live Server插件才能生效。

4.重启之后，新建一个工作区,也可以直接拖一个文件夹到VSCode中，注意单独新建一个HTML文件拖动到IDE中是使用不了Live Server的，需要把这个HTML文件放到创建的工作区(文件夹)中，新建完成后我们可以在状态栏上看到一个Go Live，单击会自动打开浏览器并显示。
5.也可以在html文件上单击鼠标右键，选择“Open With Live Server”这一项

VScode下载安装、设置主题、中文、浏览器预览相关推荐

sublime Text3 设置多个浏览器预览
使用sublime时由于经常要在ie chrome firefox等浏览器中预览,所以很有必要设置多个浏览器预览步骤: (1)安装SideBarEnhancements插件(用sublime的应该都 ...
vscode中文支持xp_VSCode (Visual Studio Code) V1.43.0下载并设置成中文语言的方法
Visual Studio Code(简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持语法高亮.智能代码补全.自定义热键.括号匹配.代码片段.代码对比 Diff.GIT ...
vs如何预览html页面,vscode如何用浏览器预览运行html文件
1,打开vscode编辑器,点击编辑器主界面左上侧第五个小图标--'扩展'按钮: 2,进入扩展搜索右拉框,在应用商店搜索框中输入"view in browser"会自动进行搜索 3 ...
vscode下载安装和配置c/c++环境
vscode下载安装下载链接: https://code.visualstudio.com/ 官网上下载一般比较慢,可以换成国内镜像下载. 方法: 点下载后得到下载链接浏览器会自动下载复制上面的链 ...
VSCode如何实现边写边改模式（使用浏览器预览）
VSCode如何实现边写边改模式(使用浏览器预览) 第一步:打开VSCode 第二步:打开文件 - 首选项 - 设置第三步:用户 - 扩展 - Live Server Config - Setti ...
vscode如何用浏览器预览运行html文件
1,打开vscode编辑器,点击编辑器主界面左上侧第五个小图标--'扩展'按钮: 2,进入扩展搜索右拉框,在应用商店搜索框中输入"view in browser"会自动进行搜索 3 ...
vscode 下载安装
vscode 下载安装一.什么是vscode** Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语 ...
下载安装纯净版火狐浏览器的步骤
下载安装纯净版火狐浏览器的步骤如下: 1.网址输入:https://ftp.mozilla.org/,进入后点击pub/ 2.进入后选择firefox/ 3.进入后选择releases/ 4.进入后是 ...
vscode无法打开浏览器预览解决方案
问题描述安装浏览器预览扩展后,可能会提示: 未安装浏览器,若已安装浏览器,请在默认应用页面创建关联! 解决方法 (1)打开电脑设置 -> (2)应用 -> (3)默认应用 -> ( ...

VScode下载安装、设置主题、中文、浏览器预览

VScode下载安装、设置主题、中文、浏览器预览相关推荐

最新文章

热门文章