> 下载并且安装 1. 官网下载安装包: [https://code.visualstudio.com/](https://code.visualstudio.com/) 2. 计算机中安装(不建议安装在C盘) > 插件的安装 1. 在这里搜索和安装插件  > 代码自动保存  > 代码自动换行  >下面介绍几个必备的插件 >[warning] Atom One Light Theme 护眼绿(豆绿色主题设置)  Ctrl+Shift+P搜索配置文件  把如下代码粘贴进去 ``` { "workbench.colorTheme": "Atom One Light", "workbench.colorCustomizations": { "[Atom One Light]": { "editor.background": "#C7EDCC", "sideBar.background": "#C7EDCC", "activityBar.background": "#C7EDCC", }, }, } ``` 效果如下:  >[warning] vscode-icons 文件图标 >[warning] Beautify 代码美化 (快捷键Ctrl + Shift + F) >[warning] Live Server (运行在 默认浏览器上, 启动本地服务器环境) 注意: 要设置Chrome为默认浏览器, 使用时在文件上邮件  >[warning] Vetur (Vue代码高亮) >[warning] Auto Close Tag (标签自动闭合) >[warning] Auto Rename Tag (自动完成对应标签的名字修改) >[warning] JavaScript(ES6) code snippets ES6语法智能提示以及快速输入(包含.js, .jsx, .ts, .tsx等文件) >[warning] HTML CSS Support 在HTML中提示当前文件内可以使用class样式 >[warning] vueHelper Vue代码补全插件 >[warning] cssrem px自动转换rem单位的插件 >[warning] PHP Extension  Pack PHP支持扩展包