2、雙擊下載的安裝包，進入安裝向導界面；點擊下一步
3、進入許可協議，點擊“我接受協議”選項；點擊下一步
4、選擇目標位置，就是你想把軟件安裝在哪個目錄；選擇合適的目錄后繼續點擊下一步
5、進入選擇其他任務界面，默認已經勾選了必要的任務，這里盡量不要修改默認的，同時你也可以選擇將打開方式添加到鼠標右鍵菜單上（勾選“其他”中的第一選項），繼續點擊下一步
6、直接點擊安裝；幾秒后，即可安裝完成
二、vscode插件安裝
1、進入vscode官網插件商店（https://marketplace.visualstudio.com/VSCode）
2、以安裝Vetur插件為例
3、點擊install,會啟動vscode
4、在vscode中點擊安裝即可
5、vue相關插件
- vetur 語法高亮、智能感知
- VueHelper vue代碼碎片
- Vue 2 Snippets vue2代碼碎片
三、將vscode設置成中文
1、首先打開VSCode軟件，可以看到剛剛安裝的VSCode軟件默認使用的是英文語言環境，如下圖：
2、接下來小編開始設置為中文語言環境，這里需要使用快捷鍵【Ctrl+Shift+P】來實現，如下圖：
3、在彈出的搜索框中輸入【configure language】，然后選擇搜索出來的【Configure Display Language】,如下圖：
4、然后就打開了locale.json文件，可以看到locale的屬性值為en，如下圖：
5、刪除locale后面的屬性直到冒號，然后重新輸入冒號會自動出現代碼提示，如下圖：
6、這里選擇“zh-CN”,如下圖：
7、然后保存locale.json文件，重新啟動VSCode軟件，可以看到，並沒有變為中文語言環境，那是應為locale.json中的代碼配置的意思是說軟件啟動加載語言配置包為中文，但是實際上剛剛安裝的VSCode並沒有中文語言包，所以這里並沒有顯示為中文語言環境，如下圖：
8、按照下圖中紅色箭頭指示位置點擊步驟1指向，然后在彈出的搜索框中輸入Chinese，然后選擇【Chinese （Simplified）Language Pack for Visual Studio Code】，然后點擊右側的【Install】，如下圖：
9、安裝好中文語言包之后軟件會提示重啟VSCode，點擊【Yes】重啟VSCode軟件，如下圖：
10、重啟VSCode軟件之后就會看到我們熟悉的中文語言環境界面了，如下圖：
四、導入工程
以vue項目為例
1、在vscode ide中選擇"文件"-->"打開文件夾"
2、將構建好的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
選中一段代碼，通過“ctrl+[”可以左移，“ctrl+]”可以右移
進入vscode官網插件商店（https://marketplace.visualstudio.com/VSCode）