介绍

关于常用编辑器 VSCode,记录一些习惯性的配置。

随着编辑器的持续更新,部分插件的作者可能不再更新导致存在一些问题。

VScode

  • 管理-设置-常用设置-字体 Consolas, '微软雅黑 Light', monospace

  • Chinese 汉化Vscode

  • Prettier 格式化代码(缩进2格)

  • Auto Rename Tag 同步修改标签

  • HTML CSS SupportHtml文档的CSS支持

  • HTML Snippets 自动输入Html标签

  • JavaScript (ES6) code snippetsES6语法支持

  • open in browser 浏览器打开

  • ctrl+w + vscode-expand-region

VS Code插件

  • Chinese (Simplified) Language Pack (opens new window):中文汉化包,方便国内用户操作。
  • Live Server (opens new window):启动一个本地的Http服务器,原生JS项目时修改代码后页面会实时自动重载。
  • Git History (opens new window):方便查看对比Git历史记录。
  • EditorConfig for Visual Studio Code (opens new window):统一项目内代码风格(.editorconfig文件配置)。
  • Prettier - Code formatter (opens new window): 统一项目内代码格式化的方式(.prettierrc文件配置)。
  • ESLint (opens new window):统一项目内代码规范(.eslintrc.js、.eslintignore等文件配置)。