Visual Studio Code 的 10 個超棒特性

如果你最近關注了 Microsoft Developer 的空間，你可能會想“這是一個新的微軟”。如果你參加了最近的 BUILD 開發者大會，這個領悟將會更加明顯。改變發生在微軟開發者的各個角落，而且似乎是在向著好的方向變化著。

可以確定，你喜歡 Visual Studio 作為 IDE 的豐富功能，而且用它管理 .Net 程式碼是那麼的舒適。但是，在開始的時候，你需要下載和安裝 Visual Studio（好幾個GB），並且設定你的開發者環境，要做好這一切，甚至只為了寫個“Hello World”應用。相比之下，一個有經驗的大學生可能只是在 Mac 上使用一個輕量級的文字編輯器就開始程式設計了。是時候降低門檻來邀請其他人進入我們的 .Net 的美麗花園中了。

開始使用 Visual Studio Code 吧——一個你喜愛的 Visual Studio 的免費，輕量，跨平臺版本。簡單的安裝之後，你就可以在 Windows、Mac 或 Linux 機器上享受 Visual Studio 的絕大多數功能。這篇文章突出展示了十個 VS Code 引人注目的特性，VS Code 的目標是成為你在任何開發平臺上的一站式程式碼編輯器。

@Code Handle

VS Code 的其中一個牛逼之處實際上並不是編譯器本身的特性。VS Code是在//BUILD 2015 隨著 @code Twitter handle一起釋出的 – 真他媽的酷斃了! 至於微軟是怎麼鞏固這麼牛的社會品牌的，你們自己尋思去吧。

海量語言支援

VS Code不只是跨平臺， 它想成為支援30多種語言的開箱程式碼編輯器。 你想問哪個? 你可以編輯C#, VB, JavaScript, HTML, CSS, TypeScript, Ruby, Objective-C, PHP, JSON, Less, Sass 還有 Markdown, 這只是列出來一丁丁而已~  你可以得到內嵌語法高亮和分支匹配， 當然也少不了程式碼導航。 VS Code旨在成為Node.js， ASP.NET 和 TypeScript 開發的首選IDE， 劍指先進web/cloud 應用。

作為ASP.NET 5 的開發工具，VS Code 已經是一個富編輯器，它內建具備很多日常功能。簡單使用有效的 Yeoman 工具產生你的 ASP.NET 5 web 應用框架，並指向其根目錄。你找到了一個功能豐富的 IDE（示例專案截圖），它的 Omnisharp-powered 為程式碼提供了智慧感知，錯誤，命令，部署和整合版本控制功能。所有的這些設計可以保持現代，精益，跨平臺的 ASP.NET 5 web 開發在 VS Code 上的所需。

並排編輯

vs code 支援的其最受歡迎的開發人員的要求之一–並排編輯程式碼。簡單的命令(⌘) / 在你的專案瀏覽器的檔案上控制點選，看呀，多個檔案可以並排開啟檔案， pre-docked 並且準備編輯。VS Code 可以支援三個同步的檔案編輯，每個人都可以發射命令提示符。下面的螢幕快照展示了來源於一個被開放地並排編輯的 asp.net 專案的兩個檔案–生活是美好的。

一直開啟的智慧感應

如果沒有了 VisualStudio 的智慧感應，你不會想寫 .NET 程式碼，對吧？VS Code 知道這些並且嘗試著令人滿意的創造性的智慧感應。確保基於語言特性你能獲得友好的提示，同時在你自己寫的程式碼裡結合上下文智慧感應，就像如下描述的這樣：

控制皮膚

VS 程式碼中有一個強大、方便的功能就是控制皮膚–通過簡單的單擊鍵盤Command或者Control+Shift+P（⇧⌘P）來使用。考慮到它是你IDE中的PowerShell，為常用任務準備一個快捷方式，例如下面的螢幕截圖。

而且，如果你部署的相聚支援特定的命令列工具，VS程式碼控制皮膚是很聰明的，足以理解並提供幫助。舉個例子，在我的ASP.NET 5 web應用中，Project.JSon列出了一些特定的DNX（可執行的.NET）命令，後面會給出。在你開始鍵入這些可是別的命令時，控制皮膚提供IntelliSense幫助，甚至出現為可執行的任務提供命令提示，如下。

函式引數

VS Code 有很優美的智慧感知功能，幫助我們在相應的呼叫中輸入函式引數，因此能很輕鬆地完成程式碼。這是與程式語言/系統函式相關的功能，除此之外，它智慧地對你的程式碼中的自定義函式提供了幫助。下面的截圖顯示，為函式呼叫提供了輸入引數，在這個工程裡的任何地方 VS Code 都能看到被定義了的函式。並且很流暢。

資訊預覽

作為開發者，你可能常常想要預覽一個檔案，或檢查一個函式的定義。 但是，一個完整的上下文切換的消耗很大，因為它讓你無法繼續輸入。在 VS Code 中輸入預覽幫助，只需單擊右鍵，或者（⌥F12） – 這樣預覽定義（Peek Definition）就會出現，如下所示。預覽的結果內嵌在編輯器中，敲擊 Escape 鍵後退出，這樣節省了大量的上下文切換的時間。

Markdown 預覽

大多數開發者都擁有他們最喜歡的 Markdown 編輯器–快速輸入 Markdown，然後預覽 HTML。VS Code 有意接管 Markdown 編輯，同時 VS Code 也具備這樣的實力。你可以得到一致的Markdown 編輯支援，準備好以後，簡單的觸發 ⇧⌘V 來檢視預覽，如下所示。這裡也有按鈕，用來在編輯/預覽之間切換，同樣，它也會將預覽視窗並排放置，以便檢視變動。

除錯

開發者整天寫程式碼時處在一種編輯/編譯/除錯的迴圈中，對於現代的任何 IDE 如果沒有可靠的除錯支援都是一種殘缺。VS Code 已經對 Node.js 開發提供可靠的支援並且接下里計劃對 ASP.NET 5 開發提供最好的除錯體驗，在不久的將來。想要使用 VS Code 除錯你的應用，你首先必須設定你的啟動配置檔案——這個文件向你展示怎樣配置。

配置好以後，你可以通過檢視欄切換到除錯模式（像下圖展示的）並且能從 VS Code 啟動你的 app 或者附加到一個執行的程式中。你可以設定斷點，檢視呼叫堆疊或執行時的變數，暫停或一步步執行程式碼——總的來說，這份完美的除錯體驗讓你整天都在使用 VS Code

整合版本控制

這永遠是開發者的痛，必須在程式碼編輯器外部配置才能實現版本控制功能——鑑於此VS  Code內建了Git。VS Code可以使用任何型別的Git 庫——無論是本地的或遠端的，並且提供解決程式碼提交衝突的視覺化提示。你可以很容易地從左邊的檢視欄啟動版本控制器，開啟或關閉你的Git庫。VS Code會自動進行檔案更改的追蹤並且對程式碼提供stage/unstage/commit 三種不同的狀態操作，如下圖所示，你可以進行完全的版本控制而不必離開VS Code的介面。

結論

讓我們不要再抗拒這種改變——你正在失去豐富的 Visual Studio 開發環境——還有 VS Code 提供的一次新鮮空氣的呼吸（譯者注：一種比喻）。它是一個全平臺輕量級全特性的程式碼編輯器——在 OSX 和 linux 上使用 Visual Studio 這是多麼酷的事！VS Code 才剛剛開始——期待它的生態圈跨越式的增長，目標成為唯一的全型別開發必備程式碼編輯器。

你正在使用或考慮Telerik 的產品嗎？這些已經被包含在 VS Code 中——你可以很舒適地在 VS Code 裡寫 Kendo UI，HTML5/JS，NativeScript 和其餘許多 Telerik UI 產品的程式碼。讓這一切更猛烈些吧！