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”这一项