vscode前端常用插件汇总

快捷命令
ctrl + shift + p 打开命令行

常用插件

• Chinese (Simplified) Language Pack for Visual Studio Code
  适用于vscode的中文语言包

• Path Intellisense
  自动路劲补全，默认不带这个功能的

• Auto Rename Tag
  自动重命名标签

• HTML CSS Support
  css样式补全

• Path Intellisense
  路径补全

• View In Browser
  迅速通过浏览器打开html文件

• Prettier - Code formatter
  漂亮的格式化工具

• HTML Snippets
  H5代码片段以及提示

• Auto Close Tag
  自动闭合对应的标签

• Document This
  快速注释

• CSS Peek
  可以追踪代码中的css属性

• Bracket Pair Colorizer
  给括号加上不同的颜色，便于区分不同的区块

• vscode-icons
  改变编辑器里面的文件图标

• px to rem
  像素转rem

• vscode-fileheader
  自动添加文件头部描述信息

• guides
  显示代码对齐辅助线

vue插件

• Vetur
  语法高亮、智能感知等
  包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着）

• EsLint
  语法纠错

• Vue 2 Snippets
  vue2代码提示

• VueHelper 　
  snippet代码片段

• prettier
  代码规范性插件

其他

• Npm Intellisense
  require 时的包提示
• npm
  npm
• Import Cost
  对引入的包计算大小。
• GitLens
  git日志查看插件
• jQuery Code Snippets
  JQuery代码提示，只需键入字母’jq’即可获得所有可用jQuery代码片段的列表。
• markdownlint
  markdown语法纠错
• JavaScript(ES6) code snippets
  ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间

• Bootstrap 4 & Font awesome
  常用 bootstrap 的可以下

快捷键也可以去修改，位置是首选项→键盘快捷键方式