插件推薦：

1、Auto Rename Tag修改html標簽自動補全，改了首標簽，尾部自動變。webstrom自帶

2、Code Runner自動檢測packjson文件執(zhí)行npm命令。webstrom自帶

3、樣式Material Themewebstrom也有這樣的插件，但是vscode丑好多

4、eslint必須的

5、GitLens — Git supercharged可以查看git所有提交記錄，并且代碼上面自動有提示

6、Prettier必須的，注意有一個配置你不開啟是沒法自動格式化的，并且必須自己按保存，然后自動格式化。這個比webstrom好注意"editor.formatOnSave": true,該配置是自動保存的關(guān)鍵，因為安裝插件是沒有自動開啟的，也不知道配置哪個，這個自己放在s

7、Settings Sync把你的配置信息同步到git上面，這樣就不會丟失信息了，換電腦都不怕，注意一定要記得保存秘鑰和gistid提供一個額外的方式，你可以把你的.vscode文件保存下來，然后移植到新電腦，這樣也可以轉(zhuǎn)移你的所有配置

8、vetur寫vue肯定要有

9、Visual Studio IntelliCode這個還沒使用，好像是可以記錄你的代碼習慣

10、vscode-elm-jump常規(guī)的代碼跳轉(zhuǎn)定義，按ctrl，和webstrom一樣

11、Vue CSS Peek和webstrom一樣，按ctrl可以跳轉(zhuǎn)css定義，按ctrl，和webstrom一樣

12、vue-helper讓你在vue單文件里面的變量函數(shù)跳轉(zhuǎn)定義，按ctrl，和webstrom一樣

13、Bracket Pair Colorizer 2標識各種不一樣的括號，挺好用的

14、Image preview 絕對路徑下直接預覽圖片，vue文件的@就沒用了二、快捷鍵常規(guī)快捷鍵我沒啥可說的，但是我們在快捷跳轉(zhuǎn)定義之后，是不是想著再跳回去。webstrom上面直接ctrl+z就回去了。vscode：alt+左鍵或者右鍵（上下左右的那個），就可以往前或者往后了。評價：vscode雖然輕便，但是和webstrom相比，真的差好多。細節(jié)，所有的細節(jié)都能讓開發(fā)者提升開發(fā)效率差不多先這些吧，上面10,11,12，用vscode的必須要裝，這樣就可以提供基本上和webstrom一樣的代碼定義跳轉(zhuǎn)功能了。