Visual Studio Code（簡稱VS Code）是微軟自家開發(fā)的一款免費(fèi)開源，輕量級(jí)但功能強(qiáng)大的免費(fèi)源代碼編輯器。與 Vim、Sublime 和 Atom 一樣，VS Code 都提供了代碼編輯的體驗(yàn)。此外，VS Code 在保持其輕量級(jí)代碼編輯器的前提下，還內(nèi)置了一些 IDE 中會(huì)有的重要功能，如：Terminal、調(diào)試器、版本控制等，特別是對于前端開發(fā)者來說，VS Code 有著非常好的支持。除了對 JavaScript 的智能提示、重構(gòu)、調(diào)試等功能的支持，像 HTML, CSS, SCSS, Less 和 JSON 這些前端技術(shù)棧，都有著很棒的支持。

為方便linux系統(tǒng)用戶使用，本站為用戶特意提供VS Code linux版本，有喜歡的朋友不妨下載！

軟件特色

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

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

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

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

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

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

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

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

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

通過部署到 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ù)庫、集合和文檔，或?qū)⑺鼈兺泄茉诰哂?Azure Cosmos DB 免費(fèi)層的云中。

5、輕松協(xié)作

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

6、容器

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

7、Kubernetes

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

8、前端 Web 開發(fā)

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

主要功能

VS Code編輯器也集成了所有一款現(xiàn)代編輯器所應(yīng)該具備的特性，包括語法高亮（syntax high lighting），可定制的熱鍵綁定（customizable keyboard bindings），括號(hào)匹配（bracket matching）以及代碼片段收集（snippets）。Somasegar 也告訴筆者這款編輯器也擁有對 Git 的開箱即用的支持。

Visual Studio Code 提供了豐富的快捷鍵 。用戶可通過快捷鍵 [Ctrl] + [K] + [S] （按住Ctrl鍵不放，再按字母K鍵和S鍵）調(diào)出快捷鍵面板，查看全部的快捷鍵定義。也可在面板中雙擊任一快捷鍵，為某項(xiàng)功能指定新的快捷鍵。一些預(yù)定義的常用快捷鍵包括：格式化文檔（整理當(dāng)前視圖中的全部代碼），[Shift] + [Alt] + [F]；格式化選定內(nèi)容（整理當(dāng)前視圖中被選定部分代碼），[Ctrl] + [K] + [F]；放大視圖，[Ctrl] + [Shift] + [=]；縮小視圖，[Ctrl] + [Shift] + [-]；打開新的外部終端（打開新的命令行提示符）：[Ctrl] + [Shift] + [C]。

語言支持

VS Code編輯器支持多種語言和文件格式的編寫，截止2019年9月，已經(jīng)支持了如下37種語言或文件：F#、HandleBars、Markdown、Python、Java、PHP、Haxe、Ruby、Sass、Rust、PowerShell、Groovy、R、Makefile、HTML、JSON、TypeScript、Batch、Visual Basic、Swift、Less、SQL、XML、Lua、Go、C++、Ini、Razor、Clojure、C#、Objective-C、CSS、JavaScript、Perl、Coffee Script、Dockerfile。

更改中文顯示說明

壓縮包解壓后，雙擊“Code.exe”啟動(dòng) Visual Studio Code，使用快捷鍵“Ctrl+Shift+P”打開設(shè)置菜單，向下旋轉(zhuǎn)鼠標(biāo)滾輪選擇“Configure Display Language”后在下拉菜單中選擇“Install additional languages...”，在左側(cè)窗口中選擇“Chinese (Simplified) Language 中文(簡體)”,點(diǎn)擊語言下面的綠色“Install”按鈕安裝選擇的語言，安裝完成后右下角會(huì)彈出提示框，點(diǎn)擊“Yes”按鈕后 Visual Studio Code 將自動(dòng)重啟，再次啟動(dòng)后界面顯示的就是簡體中文了。

淺談Visual Studio Code 可以翻盤成功主要是因?yàn)槭裁矗?

VS Code為什么能成功？有哪些地方是開發(fā)者所喜愛的呢？讓我們從各個(gè)方面與Sublime、Atom 和 Vim 比較下，逐一分析。

1、學(xué)習(xí)曲線>

對于任何人來說，特別是新手，一個(gè)工具的學(xué)習(xí)曲線也會(huì)影響到它的受歡迎程度。還記得 Stack Overflow 上著名的問題之一："How to exit the Vim editor?" 嗎？它已經(jīng)有接近兩百萬的訪問量。 VS Code、Sublime 和 Atom 在學(xué)習(xí)曲線上，一定是遙遙領(lǐng)先于 Vim。同時(shí)，VS Code 的使用文檔相比于其他編輯器也是做的最好的，無論是“快速入門”還是每一個(gè)功能的使用，在官網(wǎng)上都寫的一清二楚有條有理。官網(wǎng)還提供了 PDF 版的鍵盤快捷鍵參考表，讓開發(fā)者輕松上手。此外，考慮到一些開發(fā)者是從 Vim、Sublime、IntelliJ 或是其他開發(fā)工具轉(zhuǎn)來的，依舊習(xí)慣于原來開發(fā)工具的鍵盤快捷鍵。VS Code 也提供了各種鍵盤映射的插件，讓你可以在 VS Code 中繼續(xù)使用不同開發(fā)工具的快捷鍵，而不用重新學(xué)習(xí) VS Code 的快捷鍵。

2、用戶體驗(yàn)>

VS Code 提供了許多良好的開箱即用的用戶體驗(yàn)。與 Vim、Sublime 和 Atom 一樣，VS Code 都提供了代碼編輯的體驗(yàn)。此外，VS Code 在保持其輕量級(jí)代碼編輯器的前提下，還內(nèi)置了一些 IDE 中會(huì)有的重要功能：

Terminal：內(nèi)置的 Terminal 使得開發(fā)者可以直接在 VS Code 中快速地運(yùn)行腳本，而不需要在 VS Code 和系統(tǒng)的 Terminal 之間來回切換。

調(diào)試器：直接在 VS Code 中調(diào)試代碼，斷點(diǎn)、call stacks、交互式的 debug console，使得調(diào)試變得異常輕松。

版本控制：開箱即用的 Git 支持，讓你方便地進(jìn)行文件更改比較，管理你的源代碼。

特別是對于前端開發(fā)者來說，VS Code 有著非常好的支持。除了對 JavaScript 的智能提示、重構(gòu)、調(diào)試等功能的支持，像 HTML, CSS, SCSS, Less 和 JSON 這些前端技術(shù)棧，都有著很棒的支持。

曾經(jīng)在一些用戶體驗(yàn)上，VS Code 的用戶體驗(yàn)也有不足之處。比如，曾經(jīng) VS Code 的設(shè)置頁面的體驗(yàn)就沒有 Atom 好，Atom 有著圖形化的配置界面，而 VS Code 是基于 JSON 文件的。VS Code 對此也是聽取用戶的反饋，增加了圖形化的配置界面，也保留了基于 JSON 文件的配置方式，滿足了不同人群的使用習(xí)慣。

3、開源>

開源對于一個(gè)產(chǎn)品的長期發(fā)展極為重要。在四款編輯器中，Sublime 是閉源的，VS Code、Vim 和 Atom 都是開源的，而 VS Code 可以說是開源做的最好的。

VS Code 不僅僅是把代碼開源出來。而是把整個(gè)產(chǎn)品的開發(fā)過程建立于開源之上，與整個(gè)社區(qū)深入合作，傾聽用戶在 GitHub 上的反饋，使 VS Code 越做越好：

每一年，VS Code 團(tuán)隊(duì)都會(huì)在 GitHub Wiki 發(fā)布 Roadmap ，列出一整年的規(guī)劃圖。

每個(gè)月初，在產(chǎn)品設(shè)計(jì)階段，VS Code 團(tuán)隊(duì)會(huì)在 GitHub Issue 上會(huì)發(fā)布 Iteration Plan ，列出這個(gè)月會(huì)做的每一個(gè)功能，每一個(gè)功能基本會(huì)對應(yīng)一個(gè) GitHub Issue，你可以看到詳細(xì)的設(shè)計(jì)以及 mockup，并且可以提出你自己的見解。

每個(gè)月末，臨近產(chǎn)品發(fā)布，你可以在 GitHub 看到 Endgame 了解到 VS Code 是如何進(jìn)行產(chǎn)品測試與發(fā)布的。

不僅代碼開源，VS Code 整個(gè)產(chǎn)品的計(jì)劃，設(shè)計(jì)以及發(fā)布管理都是“開源”的：每一個(gè)階段對每一個(gè)用戶是公開透明的，你不僅可以開 Issue，發(fā)PR，你甚至也可以參與到每個(gè)功能的設(shè)計(jì)與討論中去！

4、性能>

天下武功唯快不破。相信從 IDE 轉(zhuǎn)投 VS Code 的童鞋，一定是對 VS Code 的性能非常滿意。同為基于 Electron 開發(fā)的產(chǎn)品，VS Code 在性能的優(yōu)化上要比 Atom 領(lǐng)先許多。當(dāng)然，我們必須承認(rèn)的是，在速度上 VS Code 與 Vim 和 Sublime 相比，還是有略微的差距。但是，我們依舊能看到 VS Code 不斷的在性能上的優(yōu)化。從插件進(jìn)程與主進(jìn)程的隔離、插件的延遲加載，再到 Text Buffer 的優(yōu)化，提升大文件的加載與編輯速度，減少內(nèi)存使用率。我們看到了 VS Code 的不斷進(jìn)步。

5、插件>

VS Code 有著豐富且快速增長的插件生態(tài)，如今，已經(jīng)有超過一萬個(gè)插件。不僅有中心化的插件市場，而且在 VS Code 編輯器里也可以輕松搜索插件，直接進(jìn)行安裝與管理。相比之下，Sublime 只有 5000 不到的插件，而且在編輯器里不能很方便地搜索管理插件；Vim 插件雖多，但因?yàn)闆]有一個(gè)中心化的插件市場，查找插件很麻煩；Atom 有 8000 多的插件，比 VS Code 少一些，雖然在編輯器內(nèi)也是可以查找插件，但 VS Code 的搜索和瀏覽功能做的要比 Atom 要好。

此外，VS Code 還推出了 Extension Packs，方便開發(fā)者一鍵安裝多個(gè)插件。比較出色的 Extension Pack 有 Java Extension Pack、PHP Extension Pack、Vue.js Extension Pack 等，使得 VS Code 秒變 IDE。

6、生態(tài)>

VS Code 不僅僅是一個(gè)代碼編輯器，它有著強(qiáng)大的生態(tài)。VS Code 把它的許多重要組件抽離出來，成為大家都可以復(fù)用的開源產(chǎn)品，與社區(qū)合作，把產(chǎn)品越做越好：

Language Server Protocol ：它是 Editor/IDE 與語言服務(wù)器之間的一種協(xié)議，可以讓不同的 Editor/IDE 方便嵌入各種程序語言，允許開發(fā)人員在最喜愛的工具中使用各種語言來撰寫程序。Eclipse, Atom, Sublime Text, Emacs 等主流 Editor/IDE 都已經(jīng)支持了 LSP。

Debug Adapter Protocol ： DAP 與 LSP 的目的類似，DAP 把 Editor/IDE 與 不同語言的 debugger 解耦，極大地方便了 Editor/IDE 與其他 Debugger 的集成。Eclipse, Emacs, Vim等已經(jīng)支持了 DAP 。

Monaco Editor ：作為 VS Code 的核心組件，Monaco Editor 在 GitHub 已經(jīng)擁有了超過一萬三千個(gè) star 。國內(nèi)比較有名的比如 Cloud Studio 和 Gitee Web IDE 都使用了 Monaco Editor。

VS Code 作為 Visual Studio Family 的重要產(chǎn)品，與 Visual Studio IDE 一樣，也有兩大重要的功能：

Visual Studio Live Share：極大地方便了協(xié)作編程：實(shí)時(shí)共享代碼編輯、跟隨光標(biāo)、團(tuán)隊(duì)調(diào)試、分享本地服務(wù)器、共享終端等等。

Visual Studio IntelliCode：通過 AI 賦能，根據(jù)上下文給出編程建議和智能提示，提高開發(fā)者的效率。

此外，還有 2019 年微軟在開發(fā)工具領(lǐng)域最重磅的產(chǎn)品 —— Visual Studio Online。

7、未來

VS Code 快五歲了，他還是個(gè)很年輕的編輯器。未來的路很長，相信他會(huì)越來越好，成為更多開發(fā)者所喜愛的開發(fā)工具。

最好，歡迎大家參加我的知乎 Live，一起學(xué)習(xí) VS Code 的強(qiáng)大，帶你快速玩轉(zhuǎn) VS Code！