vscode的“安装”、“软件中文化”、“代码格式化”和“前端边编程边看到效果”的过程设置方法

一、安装vscode

二、安装“Chinese”插件，使软件中文化

我的截图显示我的软件已经中文化了，是因为我之前就安装过这个插件，而且没卸载干净，所以才会这样，一般第一次安装该软件时是英文界面的。

第一步，单击“扩展”按钮（或按快捷键ctrl+shift+x）

如下图所示：

三、安装软件主题，使软件界面个性化

同样单击“扩展”，我随便搜索一个主题。如下图，因为我之前安装过，只是禁用了而已。第一次安装时单击“安装”按钮即可。

四、将一个文件目录作为项目目录打开

以后这个文件夹里面可以放自己编的代码。
右击这个文件夹，选择 “通过Code打开” 。
注意： 前面在第一点里安装vscode时说过要勾上“将‘通过Code打开’操作添加到Windows资源管理器文件上下文菜单”和“将‘通过Code打开’操作添加到Windows资源管理器目录上下文菜单”，它们就是为了在这里可以“通过Code打开”文件夹，如果不勾，右击文件夹就不会有这一栏。

五、创建一个新 页

单击下图所指出，就可以新建一个文件。

六、安装beautify插件，使代码能够格式化

安装“beautify”插件的操作步骤类似于前面的第二点（Chinese）和第三点（Radical），只在搜索时搜索“beautify”，点击“安装”按钮即可。如下图所示：

八、实现“边编写代码边刷新 页看到 页样式效果”的功能

第二步，使用“Open with Live Server”

第三步，让vscode按一定延迟时间自动保存源码

过程：

1、打开“设置”

打开“设置”的方法在前面第七点已经讲过了，这里不再复述。找到“Files:Auto Save”（常用设置的第一个），将默认的“off”改成“afterDelay”。