一、VsCode的安装

1.安装路径

VsCode官网：https://code.visualstudio.com/Download
根据自己的OS安装相对应的软件。
在这里插入图片描述

二、插件选择（前端）

打开左侧的扩展菜单；
在这里插入图片描述

1.汉化

直接搜索Chinese，选择第一个中文简体，点击安装即可（我是已经安装过了，所以右下角没有安装按钮）；

2. 主题

1.直接搜索搜索theme（主题的意思），有很多主题，你可以挨个试（如果不是自己想要的，你可以卸载然后选择别的主题）；
2. 我自己使用的是Dracula Official这个吸血鬼主题和SynthWave-84这个主题（两个切换使用，嘿嘿）；

3.文件图标

1.我使用的是这一款vscode-icons，感觉还不错。

4.字体和字大小

在这里插入图片描述

5.Code Runner（右键运行代码）

安装完成后，右键你就可以看到有个Run Code，这个是js要用的，很方便。
在这里插入图片描述

6.Live Server（本地服务器，右键菜单可以运行，实时刷新）

注意：这个是可以实时刷新的，当你保存完代码之后不需要刷新浏览器，就可以看到运行效果了。
安装完成后，右键你就可以看到这两个按钮。
运行代码的话，选择第一个就可以。
在这里插入图片描述
这个首次使用应该也是会在默认浏览器中打开我们的项目，而我们需要使用谷歌浏览器（如果你的默认浏览器是谷歌的话这一步可以提忽略）。所以需要相应的设置。

我们选择chrome就可以了，前提是你必须安装了谷歌浏览器。
在这里插入图片描述
需要设置一下自动保存。