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

軟件特色

高性能編輯器

多語言支持

構(gòu)建工程

自定義工程

自定義打包腳本

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

代碼格式化

vscode常見需要安裝的插件

1、Auto Close Tag

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

2、Auto Rename Tag

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

3、Beautify

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

4、open in browser

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

5、JavaScript（ES6） code snippets

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

使用攻略

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

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

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

此時(shí)瀏覽器已正常打開頁面；

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

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

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

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

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

vscode常用快捷鍵

一、主命令

1、F1 或 Ctrl+Shift+P：俗稱萬能鍵，可以輸入任何命令。

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

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

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

“!” 顯示 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)前頁面的標(biāo)簽、變量、屬性、類名、函數(shù)等），也可以 Ctrl+Shift+O 直接進(jìn)入

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

二、常用快捷鍵

編輯器與窗口管理

Ctrl+N： 新建文件

Ctrl+Shift+N：打開一個新的VSCode編輯器

Ctrl+O：打開文件

Ctrl+Shift+O：打開文件夾

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

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

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

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

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

Ctrl+Tab：切換文件窗口

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

Ctrl+`：顯示/隱藏控制面板（Terminal）（反引號位置：英文輸入法狀態(tài)下，鍵盤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：選中下一個匹配項(xiàng)

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

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

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

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

Alt+Down：向下移動當(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)容是否自動換行（底部顯示/隱藏滾動條

光標(biāo)操作

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

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

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

Ctrl+End：光標(biāo)移動到文件結(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：回退到上一個光標(biāo)處

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

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

三、查看全部快捷鍵

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

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

軟件亮點(diǎn)

認(rèn)識IntelliSense。

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

調(diào)試

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

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

吉特

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

軟件功能

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

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

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

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

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

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