使用
vue init webpack kk_demo
創(chuàng)建一個(gè)vue項(xiàng)目的時(shí)候衷咽，配置如下：
image.png
用VSCode打開后（紅色框中的文件夾是我后來創(chuàng)建的先忽略）：
image.png
打開src目錄相關(guān)的js/vue文件，默認(rèn)的是2個(gè)空格的縮進(jìn)胰坟，對(duì)于習(xí)慣寫其他的語言的我來說，需要改成4個(gè)空格的縮進(jìn)物喷。
1.修改.eslint.js
在rules：中添加
'indent' : 'off'
2.修改.editorconfig
把 indent_size = 2 更改為 indent_size = 4
3.打開prefrence->settings 在右側(cè)添加如下：
"editor.detectIndentation": false,
4.下載vue-beautify插件
5.選中某個(gè)需要格式化的文件劲够，在文件里右鍵選擇 Beautify vue
就會(huì)從：
image.png
變成：
image.png
