VUE-開發工具之VSCode
VSCode是微軟出的一款輕量級代碼編輯器，免費而且功能強大，對JavaScript和NodeJS的支持非常好，自帶很多功能，例如代碼格式化，代碼智能提示補全、Emmet插件等。VSCode推薦一個項目以文件夾的方式打開。
一、vscode安裝
進入vscode官網（https://code.visualstudio.com/Download）
本地目錄：D:\9-visio studio\VSCode-UserSetup-x64-1.32.3.exe
1. 雙擊下載的安裝包，進入安裝向導界面；點擊下一步
2. 進入許可協議，點擊“我接受協議”選項；點擊下一步
3. 選擇目標位置，就是你想把軟件安裝在哪個目錄；選擇合適的目錄后繼續點擊下一步（此處我選擇：G:\Program Files (x86)\Microsoft VS Code）
4. 進入選擇其他任務界面，默認已經勾選了必要的任務，這里盡量不要修改默認的，同時你也可以選擇將打開方式添加到鼠標右鍵菜單上（勾選“其他”中的第一選項），繼續點擊下一步
5. 直接點擊安裝；幾秒后，即可安裝完成！
6. 打開界面：
二、VSCode漢化
Vscode是一款開源的跨平台編輯器。默認情況下，vscode使用的語言為英文(us)，如何將其顯示語言修改成中文了？
1）打開vscode工具；
2）圖中商店中搜索Chinese（Simplied） Lang，安裝即可。
3）重啟vscode工具；
三、vscode插件
1. 插件選擇：進入vscode官網插件商店（https://marketplace.visualstudio.com/VSCode）
以安裝Vetur插件為例， 搜索vetur，選擇對應的插件，點擊進入詳情及安裝界面。
點擊install,點擊提示框中的continue按鈕，會啟動vscode。
在vscode中點擊安裝即可
2. vue相關插件
vetur 語法高亮、智能感知
VueHelper vue 代碼碎片
Vue 2 Snippets vue2 代碼碎片
四、項目導入工程
在vscode ide中選擇"文件"-->"打開文件夾"，將構建好的vue工程導入
五、相關快捷鍵
所有快捷鍵設置：文件→首選項→鍵盤快捷方式
在當前行中間換行到下一行：ctrl+enter
當光標點擊到某一行時，默認選中全行，可以直接復制剪切
直接刪除某一行：shift+delete或者ctrl+shift+k
多行光標選擇：alt+鼠標左鍵
自動生成html結構和meta聲明：首先輸入“!”，然后按tab鍵
標簽自動補全：tab鍵
折疊所有代碼：ctrl+k、ctrl+0
拆分編輯器：ctrl+\ 查找框右邊的3個參數分別為：區分大小寫，全字匹配，使用正則
跳轉行號：ctrl+G
添加函數注釋：在函數上方輸入“/**”，然后點擊enter
格式化：alt+shift+f
注釋：ctrl+/
全部保存：ctrl+k, 然后只按s一個鍵
向上移動一行：alt+↑
向下移動一行：alt+↓
向上復制一行：alt+shift+↑
向下復制一行：alt+shift+↓
查找：ctrl+F
替換：ctrl+H
文件夾中查找：ctrl+shift+f
可以在打開的文件夾中搜索所有文件內容
文件中替換：ctrl+shift+h
轉到定義：F12
轉到實現：ctrl+F12
打開文件夾：ctrl+k, ctrl+o
關閉文件夾：ctrl+k, 然后單按一個f
選中一段代碼，通過“ctrl+[”可以左移，“ctrl+]”可以右移
參考：https://www.jianshu.com/p/cab79d188e42