前端vscode使用插件及设置缩进

一、使用插件

 

二、设置缩进并

统一缩进为4个空格

setting.json文件中：

1 2 3 4 5 6

{     "vetur.validation.template": true,     "vetur.format.options.tabSize": 4,     "eslint.enable": true,     "editor.tabSize": 4, }

 

三、自动格式化

setting.json文件中：

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

"editor.formatOnPaste": true,     "editor.formatOnSave": true,     "editor.formatOnType": true,     "autoprefixer.formatOnSave": true,     "eslint.enable": true,     "eslint.autoFixOnSave": true,     "eslint.run": "onType",     "eslint.options": {         "extensions": [             ".js",             ".vue"         ]     },     "eslint.validate": [         "javascriptreact",         "vue",         "javascript",         {             "language": "vue",             "autoFix": true         },         "html",         {             "language": "html",             "autoFix": true         }     ]