vscode手機(jī)版是一款跨平臺(tái)的免費(fèi)源代碼編輯器,全稱(chēng)為visual studio code,該軟件擁有大部分的功能,集成了終端模擬器,從dom渲染方式到canvas的優(yōu)化 ,開(kāi)發(fā)者可以體驗(yàn)快速。同時(shí),用戶(hù)可以在手機(jī)即可使用java、typescript和node運(yùn)行,其次還可以進(jìn)行擴(kuò)展,減少輸入代碼進(jìn)行循環(huán)調(diào)試等時(shí)間,大大的方便了開(kāi)發(fā)者使用。另外,界面依然是微軟經(jīng)典的 VS 風(fēng)格,對(duì)于常接觸的人來(lái)說(shuō)會(huì)很親切,并且還支持所有主流開(kāi)發(fā)語(yǔ)言的語(yǔ)法高亮、智能代碼補(bǔ)全、自定義快捷鍵、括號(hào)匹配和顏**分、代碼片段、代碼對(duì)比 Diff、GIT命令等特性,可以說(shuō)是非常的實(shí)用了,感興趣的小伙伴們不妨快來(lái)本站下載試試吧!
軟件特色
高性能編輯器
多語(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,查詢(xún)自己本機(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)用文件或文件夾的主題包。