vscode
VSCode是微軟出的一款輕量級代碼編輯器，免費而且功能強大，對JavaScript和NodeJS的支持非常好，自帶很多功能，例如代碼格式化，代碼智能提示補全、Emmet插件等。VSCode推薦一個項目以文件夾的方式打開。
vscode安裝
- 進入vscode官網（https://code.visualstudio.com/Download）
-
雙擊下載的安裝包，進入安裝嚮導界面；點擊下一步
-
進入許可協議，點擊“我接受協議”選項；點擊下一步
-
選擇目標位置，就是你想把軟件安裝在哪個目錄；選擇合適的目錄後繼續點擊下一步
-
進入選擇其他任務界面，默認已經勾選了必要的任務，這裏儘量不要修改默認的，同時你也可以選擇將打開方式添加到鼠標右鍵菜單上（勾選“其他”中的第一選項），繼續點擊下一步
-
直接點擊安裝；幾秒後，即可安裝完成
vscode插件
安裝
-
進入vscode官網插件商店（https://marketplace.visualstudio.com/VSCode）
-
以安裝Vetur插件爲例
-
點擊install,會啓動vscode
-
在vscode中點擊安裝即可
vue相關插件
- vetur 語法高亮、智能感知
- VueHelper vue代碼碎片
- Vue 2 Snippets vue2代碼碎片
導入工程
以vue項目爲例
-
在vscode ide中選擇"文件"-->"打開文件夾"
-
將構建好的vue工程導入
開發組件
安裝vue相關插件之後,vscode會有代碼提示功能
快捷鍵
所有快捷鍵設置：文件→首選項→鍵盤快捷方式
在當前行中間換行到下一行：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