vscode 配置需要装的插件

vue 相关:

1 安装 vetur  : 用来让 vue 文件高亮状态

安装完, 查看 - 外观 - 显示状态栏 - 右下角 选择语言模式 => vue

2 安装 eslint :  检测代码规范

安装 :

设置vscode

"editor.formatOnSave":true,//#每次保存的时候自动格式化

"eslint.autoFixOnSave":true,// #每次保存的时候将代码按eslint格式进行修复

"eslint.validate": [

{"language":"html","autoFix":true},

{"language":"vue","autoFix":true},

{"language":"javascript","autoFix":true},

{"language":"wpy","autoFix":true}

],

"prettier.eslintIntegration":true,// #让prettier使用eslint的代码格式进行校验

"prettier.semi":false,//#去掉代码结尾的分号

"prettier.singleQuote":true,//#使用带引号替代双引号

"javascript.format.insertSpaceBeforeFunctionParenthesis":true,

"editor.formatOnType":true//#让函数(名)和后面的括号之间加个空格

​

3 安装 : Prettier - code formatter  :  美化代码格式

//1. shift + alt + F => 格式化代码

//2. 配置 : 查看eslint的配置,在一起的

平时常用的插件

1 Auto  Rename Tag  自动补齐修改标签的名字

2 EditorConfig for VS Code

3 Path Intellisense

4 Prettier - Code formatter

5 px2rem

6 Vetur

7 vscode-icons

8 Vue 2 Snippets

9 Vue VSCode Snippets

10 Easy LESS

11 IntelliSense for CSS class names in HTML