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