vscode是一款非常好的编辑器, 它的好很大一部分取决于丰富的插件库, 由于安装的插件比较多, 配置也比较多(个人喜欢瞎弄), 这里做一个插件和配置的备份, 纯粹个人配置, 做个参考

插件

1. Auto Close Tag

   自动闭合HTML标签

2. Auto Rename Tag

   修改HTML标签时，自动修改匹配的标签

3. Beautify

   美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代码。

4. Bracket Pair Colorizer

   允许使用颜色标识匹配的括号

5. Chinese (Simplified) Language Pack for Visual Studio Code

   适用于 VS Code 的中文（简体）语言包

6. Color picker

   颜色选择器

7. Debugger for Chrome

   用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。

8. GitLens — Git supercharged

   增强Visual Studio代码内置的Git功能

9. Markdown Preview Enhanced

   Markdown 预览

10. npm

    支持运行文件中定义的npm脚本package.json并根据定义的依赖项验证已安装的模块。

11. npm Intellisense

    在import语句中自动填充npm模块。

12. Path Intellisense

    自动填充文件名。

13. Sass

    scss插件

14. Vetur

    vue工具

15. Vue 2 Snippets

    vue 2.x 语法提示

16. React-Native/React/Redux snippets for es6/es7

    react 语法插件

17. Better Comments

    注释插件

18. Code Runner

    在编辑器中运行代码并输出结果

19. Document this

    注释插件,提高代码可读性和整洁性

配置 (setting.json)

{// 一个制表符等于的空格数"editor.tabSize": 2,// 控制折行的方式。on: 将在视区宽度处换行"editor.wordWrap": "on",// 指定在工作台中使用的图标主题// 控制行高"editor.lineHeight": 24,// 控制字体系列"editor.fontFamily": "Lucida Sans TypeWriter, Inziu Iosevka J, Microsoft Yahei",// 以像素为单位控制字号"editor.fontSize": 14,// 配置默认使用的设置编辑器"workbench.settings.editor": "json",// 控制光标的动画样式"editor.cursorBlinking": "expand",// 渲染每行的实际字符，而不是色块"editor.minimap.renderCharacters": false,// 启用后，保存文件时在文件末尾插入一个最终新行"files.insertFinalNewline": true,// 启用后，将在保存文件时剪裁尾随空格。"files.trimTrailingWhitespace": true,"terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe","workbench.iconTheme": "vscode-icons","workbench.colorTheme": "Dracula"
}
复制代码

主题和图标

主题和图标网上有太多了, 我使用的是Dracula

效果图: