vscode下載手機(jī)版官方是一款非常強(qiáng)大的跨平臺(tái)免費(fèi)源代碼編輯器，它的功能非常豐富，包括語(yǔ)法高亮、智能代碼補(bǔ)全、自定義熱鍵、括號(hào)匹配、代碼片段、代碼對(duì)比 Diff、GIT 等特性。同時(shí)，它還集成了終端模擬器，支持從DOM渲染方式到Canvas的優(yōu)化，開(kāi)發(fā)者可以體驗(yàn)到快速的運(yùn)行效果。

軟件特色

高性能編輯器

多語(yǔ)言支持

構(gòu)建工程

自定義工程

自定義打包腳本

強(qiáng)大的插件支持

代碼格式化

vscode常見(jiàn)需要安裝的插件

1、Auto Close Tag

自動(dòng)閉合HTML/XML標(biāo)簽

2、Auto Rename Tag

自動(dòng)完成另一側(cè)標(biāo)簽的同步修改

3、Beautify

格式化代碼，值得注意的是，beautify插件支持自定義格式化代碼規(guī)則

4、open in browser

vscode不像IDE一樣能夠直接在瀏覽器中打開(kāi)html，而該插件支持快捷鍵與鼠標(biāo)右鍵快速在瀏覽器中打開(kāi)html文件，支持自定義打開(kāi)指定的瀏覽器，包括：Firefox，Chrome，Opera，IE以及Safari

5、JavaScript（ES6） code snippets

ES6語(yǔ)法智能提示，以及快速輸入，不僅僅支持js，還支持。ts，jsx，tsx，html，vue，省去了配置其支持各種包含js代碼文件的時(shí)間

使用攻略

要想在移動(dòng)端調(diào)試，首先得本地起一個(gè)服務(wù)，這時(shí)候就用到了live server 插件；

下載完成之后，點(diǎn)擊VsCode左上角文件 —>打開(kāi)文件夾 —> 選擇目標(biāo)文件夾

打開(kāi)對(duì)應(yīng)html文件后，鼠標(biāo)右鍵 —> open with Live Server (停止就點(diǎn)擊stop Live Server) [快捷鍵（Alt+L）+(Alt+O)]

此時(shí)瀏覽器已正常打開(kāi)頁(yè)面；

附：如果沒(méi)有正常打開(kāi)頁(yè)面，打開(kāi)設(shè)置，搜索 live server 查看這個(gè)是否被打開(kāi)了（這個(gè)要關(guān)掉）

打開(kāi)設(shè)置頁(yè)面，搜索Live Server，找到Liver Server -->host,進(jìn)入設(shè)置；

注意：打開(kāi)cmd 輸入 ipconfig，查詢自己本機(jī)ip，選擇下面的那個(gè)IPv4地址；

在Google拓展程序里搜索The QR Code Extension，安裝此拓展程序，可以很方便的為頁(yè)面生成二維碼，手機(jī)掃描二維碼即可

將下載的文件名后綴改為.rar，解壓成一個(gè)獨(dú)立的文件夾，之后打開(kāi)Chrome-->設(shè)置-->擴(kuò)展程序-->加載已解壓的擴(kuò)展程序，選擇之前那個(gè)獨(dú)立的文件夾即可，搜索欄后方就會(huì)出現(xiàn)一個(gè)二維碼標(biāo)志，點(diǎn)擊出現(xiàn)當(dāng)前頁(yè)面的二維碼標(biāo)志，手機(jī)掃描后，就能在手機(jī)端看到。

vscode常用快捷鍵

一、主命令

1、F1 或 Ctrl+Shift+P：俗稱(chēng)萬(wàn)能鍵，可以輸入任何命令。

2、Ctrl+P：根據(jù)名稱(chēng)查找文件，如下圖。當(dāng)前模式下輸入 > 可以進(jìn)入 Ctrl+Shift+P 模式。

3、Ctrl+P模式下可以通過(guò)輸入符號(hào)來(lái)進(jìn)行快捷方式查找轉(zhuǎn)換，如下：

“?” 列出當(dāng)前可執(zhí)行的動(dòng)

“!” 顯示 Errors 或 Warnings ，也可以使用 Ctrl+Shift+M 進(jìn)入，相當(dāng)于控制面板的PROBLEMS

“:” 跳轉(zhuǎn)到行數(shù)，也可以使用 Ctrl+G 直接進(jìn)入

“#” 根據(jù)名字查找symbol，也可以 Ctrl+T

“@” 跳轉(zhuǎn)到symbol（搜索當(dāng)前頁(yè)面的標(biāo)簽、變量、屬性、類(lèi)名、函數(shù)等），也可以 Ctrl+Shift+O 直接進(jìn)入

 “@:” 跳轉(zhuǎn)到symbol（分類(lèi)搜索當(dāng)前頁(yè)面的標(biāo)簽、變量、屬性、類(lèi)名、函數(shù)等），也可以 Ctrl+Shift+O 后輸入 : 進(jìn)入

二、常用快捷鍵

編輯器與窗口管理

Ctrl+N： 新建文件

Ctrl+Shift+N：打開(kāi)一個(gè)新的VSCode編輯器

Ctrl+O：打開(kāi)文件

Ctrl+Shift+O：打開(kāi)文件夾

Ctrl+W：關(guān)閉當(dāng)前文件

Ctrl+Shift+W 或 Alt+F4：關(guān)閉當(dāng)前VSCode編輯器

Ctrl+\：新建窗口顯示代碼（相當(dāng)于復(fù)制當(dāng)前代碼到一個(gè)新的窗口；同一引用，修改一個(gè)文件，其他相同文件會(huì)一起改變）

Ctrl+Alt+→：移動(dòng)當(dāng)前文件到右窗口，若沒(méi)有右窗口，則創(chuàng)建一個(gè)新窗口

Ctrl+Alt+←：移動(dòng)當(dāng)前文件到左窗口

Ctrl+Tab：切換文件窗口

Ctrl+B：顯示/隱藏側(cè)邊欄

Ctrl+`：顯示/隱藏控制面板（Terminal）（反引號(hào)位置：英文輸入法狀態(tài)下，鍵盤(pán)ESC按鍵下面的按鍵）

Ctrl +/- ：放大/縮小編輯器窗口

F11：全屏顯示

Ctrl+Shift+E：文件資源管理器（Explorer）

Ctrl+Shift+G：git管理窗口（Source Control）

Ctrl+Shift+X：擴(kuò)展（插件）管理窗口（Extentions）

代碼查找替換與格式調(diào)整

Ctrl+F：查找

Ctrl+H：查找替換

Ctrl+Shift+F：全局查找

Ctrl+Shift+H：全局查找替換

Ctrl+D：選中下一個(gè)匹配項(xiàng)

Ctrl+Shift+L：選中所有匹配項(xiàng)（秀兒）

Ctrl+[ ：向左縮進(jìn)

Ctrl+] ：向右縮進(jìn)

Alt+Up：向上移動(dòng)當(dāng)前行

Alt+Down：向下移動(dòng)當(dāng)前行

Shift+Alt+Up：向上復(fù)制當(dāng)前行

Shift+Alt+Down：向下復(fù)制當(dāng)前行

Ctrl+Enter：在當(dāng)前行下方插入空行（光標(biāo)位置可以不在行尾）

Ctrl+Shift+Enter：在當(dāng)前行上方插入空行（光標(biāo)位置可以不在行尾）

Alt+Z：切換內(nèi)容是否自動(dòng)換行（底部顯示/隱藏滾動(dòng)條

光標(biāo)操作

Home：光標(biāo)移動(dòng)到行首

End：光標(biāo)移動(dòng)到行尾

Ctrl+Home：光標(biāo)移動(dòng)到文件開(kāi)頭（左上）

Ctrl+End：光標(biāo)移動(dòng)到文件結(jié)尾（右下）

Shift+Home：選擇從光標(biāo)到行首的內(nèi)容

Shift+End：選擇從光標(biāo)到行尾的內(nèi)容

Shift+Alt+Right：擴(kuò)大選中范圍

Shift+Alt+Left：縮小選中范圍

Alt+Shift+鼠標(biāo)左鍵：同時(shí)選中編輯多行多列代碼（秀兒）

Ctrl+Alt+Up：向上復(fù)制光標(biāo)

Ctrl+Alt+Down：向下復(fù)制光標(biāo)

Ctrl+U：回退到上一個(gè)光標(biāo)處

F12：轉(zhuǎn)到定義處

Alt+F12：查看定義處縮略圖

三、查看全部快捷鍵

Ctrl+K Ctrl+S：查看VSCode中全部快捷鍵

Ctrl+K Ctrl+R：查看keyboard-shortcuts-windows.pdf

軟件亮點(diǎn)

認(rèn)識(shí)IntelliSense。

借助IntelliSense超越了語(yǔ)法突出顯示和自動(dòng)完成功能，它基于變量類(lèi)型，函數(shù)定義和導(dǎo)入的模塊提供了智能完成功能。

調(diào)試

打印語(yǔ)句調(diào)試已成為過(guò)去。

直接在編輯器中調(diào)試代碼。啟動(dòng)或附加到正在運(yùn)行的應(yīng)用程序，并使用斷點(diǎn)，調(diào)用堆棧和交互式控制臺(tái)進(jìn)行調(diào)試。

吉特

與Git和其他SCM提供商合作從未如此簡(jiǎn)單。直接在編輯器中檢查差異，暫存文件并進(jìn)行提交。從任何托管的SCM服務(wù)中推入和拉出。

軟件功能

遠(yuǎn)程倉(cāng)庫(kù)：加載git代碼，就像本地打開(kāi)工程一樣。

筆記本：筆記本是包含豐富Markdown，可執(zhí)行代碼片段，和富文本的文檔。

Github代碼管理：直接從VSCode中協(xié)作，評(píng)論，審查和Github拉取請(qǐng)求。

擴(kuò)展：通過(guò)擴(kuò)展可以實(shí)現(xiàn)快速的安裝與使用官方或三方插件。

豐富的代碼導(dǎo)航體驗(yàn)：它使開(kāi)發(fā)人員能夠在他們編寫(xiě)源代碼的同一地點(diǎn)查看源代碼。

文件圖標(biāo)主題：開(kāi)發(fā)者可以使用擴(kuò)展下載并應(yīng)用文件或文件夾的主題包。