VSCode插件、快捷键及配置

插件

插件	说明
Auto Close Tag	自动闭合 HTML/XML 标签
Auto Rename Tag	自动完成另一侧标签的同步修改
HTML CSS Support	智能提示 CSS 类名以及 id
Live Server	作为一个实时服务器实时查看开发的网页效果
Prettier	格式化 JavaScript / TypeScript / CSS
Vetur	Vue 多功能集成插件，包括：语法高亮，智能提示，格式化，自动补全等
Bracket Pair Colorizer	给代码中的括号添加亮色

快捷键

快捷键	说明
英文 ! 后第一个选项，Enter 或者 Tab	快速生成 HTML 结构
Ctrl + `	快速打开终端命令行

配置

{
  // 字体大小
  "editor.fontSize": 14,
  // 一个制表符等于的空格数
  "editor.tabSize": 2,
  // 默认格式化程序：prettier插件
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  // 保存时格式化文件
  "editor.formatOnSave": true,
  // 是否在每行末尾添加分号
  "prettier.semi": false,
  // 如果为 true，将使用单引号而不是双引号
  "prettier.singleQuote": true,
  // 工作台中的颜色主题
  "workbench.colorTheme": "Default Light+",
  // 资源管理器内拖放移动文件或文件夹时是否进行确认
  "explorer.confirmDragAndDrop": false
}