Visual Studio Code簡(jiǎn)稱(chēng)為vs code,是由微軟研發(fā)的一款免費(fèi)、開(kāi)源的跨平臺(tái)文本(代碼)編輯器,算是目前前端開(kāi)發(fā)幾乎完美的軟件開(kāi)發(fā)工具。該軟件具有集成工具可輕松地將代碼部署到Azure,內(nèi)置了對(duì) JavaScript、TypeScript和Node.js的支持,并具有豐富的其他語(yǔ)言(例如 C++、C#、Java、Python、PHP、Go)和運(yùn)行時(shí)(例如 .NET 和 Unity)擴(kuò)展的生態(tài)系統(tǒng),還可以設(shè)置斷點(diǎn)并單步執(zhí)行前端JavaScript 代碼以快速解決問(wèn)題,以及使用多目標(biāo)調(diào)試功能調(diào)試前端和后端代碼。同時(shí),相比于市面上其它同類(lèi)軟件而言,vs code是通過(guò)SSH(Secure Shell)的方式連接到遠(yuǎn)程服務(wù)器,簡(jiǎn)而言之就是在遠(yuǎn)程開(kāi)發(fā)過(guò)程中扮演的角色更像是一款終端模擬工具,不需要繁瑣的上傳和下載步驟,而且實(shí)時(shí)性更好,只需要在windows上保存一下,會(huì)瞬間同步到遠(yuǎn)程開(kāi)發(fā)機(jī),非常好用。

ps:小編為廣大用戶(hù)帶來(lái)了vs code綠色免安裝,雙擊運(yùn)行程序直接使用,并為新手用戶(hù)準(zhǔn)備了詳細(xì)的使用教程與插件的推薦,讓你能更輕松上手,親測(cè)可行,希望對(duì)你有所幫助。

vscode綠色版如何設(shè)置中文

1、首先在本站下載解壓,得到vs code綠色版安裝包,雙擊運(yùn)行"Code.exe"程序即可打開(kāi)軟件;

2、打開(kāi)之后發(fā)現(xiàn)默認(rèn)是英文界面,使用快捷鍵“Ctrl+Shift+P”打開(kāi)設(shè)置菜單,在下拉菜單選中“Configure Display Language”;

3、再選擇“Install additional languages...”;

4、在窗口中選擇“Chinese (Simplified) Language 中文(簡(jiǎn)體)”,點(diǎn)擊語(yǔ)言下面的綠色“Install”按鈕安裝選擇的語(yǔ)言;

5、安裝完成后,右下角會(huì)彈出提示框,點(diǎn)擊按鈕后軟件會(huì)自動(dòng)重啟,再次顯示即是簡(jiǎn)體中文啦。

vscode插件推薦

1、Auto Close Tag (自動(dòng)閉合HTML/XML標(biāo)簽)

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

3、Beautify (格式化 html ,js,css)

4、Bracket Pair Colorizer(給括號(hào)加上不同的顏色,便于區(qū)分不同的區(qū)塊)

5、Debugger for Chrome(映射vscode上的斷點(diǎn)到chrome上,方便調(diào)試)

6、ESLint(js語(yǔ)法糾錯(cuò),可以自定義配置)

提示:這個(gè)小編不太喜歡,因?yàn)閭€(gè)人代碼書(shū)寫(xiě)規(guī)則不一樣,可自由使用

7、GitLens(方便查看git日志)

8、HTML CSS Support (智能提示CSS類(lèi)名以及id)

9、HTML Snippets(智能提示HTML標(biāo)簽,以及標(biāo)簽含義)

10、JavaScript(ES6) code snippets(ES6語(yǔ)法智能提示,以及快速輸入)

11、jQuery Code Snippets(jQuery代碼智能提示)

12、Material Icon Theme(vscode圖標(biāo)主題)

13、 React/Redux/react-router Snippets(React/Redux/react-router語(yǔ)法智能提示)

14、Vetur(Vue多功能集成插件,錯(cuò)誤提示等)

15、 Class autocomplete for HTML(智能提示HTML class =“”屬性)

除了以上的之外,其他的插件用戶(hù)可按需求進(jìn)行下載,希望對(duì)你有所幫助噢。

vscode使用教程

剛上手使用vs code時(shí),建議要先把它當(dāng)做一個(gè)文件編輯器(可以打字然后保存),等到有了一定經(jīng)驗(yàn)再去熟悉那些快捷鍵:

1、根據(jù)您的當(dāng)前上下文訪問(wèn)所有可用命令。

鍵盤(pán)快捷鍵:Ctrl + Shift + P

2、默認(rèn)鍵盤(pán)快捷鍵

所有命令都在命令面板中,并帶有關(guān)聯(lián)的鍵綁定(如果存在)。如果您忘記了鍵盤(pán)快捷鍵,請(qǐng)使用“ 命令面板”來(lái)幫助您。

3、快速開(kāi)啟

提示:鍵入?查看命令建議。

鍵入命令,例如edt和term后跟一個(gè)空格,將顯示下拉列表。

4、改變你的主題

鍵盤(pán)快捷鍵:Ctrl + K Ctrl + T,您可以從VS Code擴(kuò)展市場(chǎng)中安裝更多主題。

5、按鍵圖

自定義鍵盤(pán)快捷鍵

鍵盤(pán)快捷鍵:Ctrl + K Ctrl + S

您可以搜索快捷方式并將自己的快捷鍵添加到keybindings.json文件中。

還有更多強(qiáng)大的功能等你來(lái)發(fā)現(xiàn),讓你敲代碼更加有趣。

軟件特色

1、一個(gè)編輯器,從代碼到云

將更多的時(shí)間花在編碼上,而將更少的時(shí)間花在切換工具上。使用與 Azure 和 GitHub 集成的功能和擴(kuò)展,在一個(gè)位置集中開(kāi)發(fā)、調(diào)試和部署。

- 提供本地模擬器和擴(kuò)展,以便直接從編輯器生成、運(yùn)行和調(diào)試云應(yīng)用

- 導(dǎo)入和管理本地或遠(yuǎn)程數(shù)據(jù)庫(kù)(支持 Azure Cosmos DB、MongoDB 等)的數(shù)據(jù)

- 具有 Azure Pipelines 的引導(dǎo)式工作流,用于創(chuàng)建和配置持續(xù)集成

- 幾乎支持每種語(yǔ)言和應(yīng)用類(lèi)型,包括靜態(tài) Web 應(yīng)用、無(wú)服務(wù)器 Azure Functions 和 Kubernetes 群集

2、在部署之前在本地開(kāi)發(fā)云應(yīng)用

在本地創(chuàng)建、運(yùn)行和調(diào)試云項(xiàng)目,以便可以快速創(chuàng)建原型。通過(guò)測(cè)試新功能在部署之前是否在云中有效運(yùn)行來(lái)優(yōu)化成本。Azure 擴(kuò)展包括用于 Azure 存儲(chǔ)、Azure Cosmos DB 和 Azure Functions 的模擬器。

3、設(shè)置到云的自動(dòng)部署

通過(guò)部署到 Azure 擴(kuò)展,使用 GitHub Actions 或 Azure Pipelines 設(shè)置持續(xù)集成以及從應(yīng)用到云的持續(xù)交付 (CI/CD)。使用擴(kuò)展的內(nèi)置自動(dòng)化工作流,輕松創(chuàng)建面向 Azure 應(yīng)用服務(wù)、Azure Functions 或 Azure Kubernetes 服務(wù) (AKS) 的 CI/CD 管道。

4、添加和管理數(shù)據(jù)

使用內(nèi)置的 MongoDB 和 IntelliSense 支持輕松管理應(yīng)用的數(shù)據(jù)。連接到本地或遠(yuǎn)程 MongoDB 服務(wù)器,并管理數(shù)據(jù)庫(kù)、集合和文檔,或?qū)⑺鼈兺泄茉诰哂?Azure Cosmos DB 免費(fèi)層的云中。

5、輕松協(xié)作

無(wú)需更改你與其他人的工作方式,無(wú)論他們是同一個(gè)房間中的隊(duì)友還是世界各地的社區(qū)開(kāi)發(fā)人員都是如此。將拉取請(qǐng)求引入到編輯器中,你在其中具有對(duì) GitHub 拉取請(qǐng)求擴(kuò)展的完全編輯和調(diào)試支持。或者通過(guò) Live Share 擴(kuò)展包,針對(duì)編輯、調(diào)試和應(yīng)用共享進(jìn)行實(shí)時(shí)協(xié)作,以便進(jìn)行結(jié)對(duì)編程或代碼評(píng)審。

6、容器

使用 Docker 擴(kuò)展生成、管理和部署容器化應(yīng)用程序。從現(xiàn)有存儲(chǔ)庫(kù)生成 docker 文件,并從 Visual Studio Code 內(nèi)管理容器、映像和注冊(cè)表。

7、Kubernetes

使用 Kubernetes 擴(kuò)展享受完全集成的 Kubernetes 體驗(yàn)。將容器化應(yīng)用程序部署到本地或云托管的 Kubernetes 群集,并在 Visual Studio Code 中調(diào)試實(shí)時(shí)應(yīng)用程序。

8、前端 Web 開(kāi)發(fā)

使用適用于 Microsoft Edge 的調(diào)試器將 JavaScript 調(diào)試擴(kuò)展到前端開(kāi)發(fā)。設(shè)置斷點(diǎn)并單步執(zhí)行前端 JavaScript 代碼以快速解決問(wèn)題。使用多目標(biāo)調(diào)試功能同時(shí)調(diào)試前端和后端代碼。

9、支持系統(tǒng):Windows 7、Windows 8、Windows 10

更新日志

v1.96.2版本

1、更新解決了這些問(wèn)題:復(fù)印機(jī)在遠(yuǎn)程窗口中不工作

vscode綠色版下載-visual studio code中文綠色版下載 v1.96.2下載地址

遠(yuǎn)程下載