Visual Studio Code 的 10 個超棒特性

jopen 9年前發布 | 20K 次閱讀 Visual Studio

如果你最近關注了 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 推ter 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 上的所需。

Visual Studio Code 的 10 個超棒特性

并排編輯

vs code 支持的其最受歡迎的開發人員的要求之一–并排編輯代碼。簡單的命令(?) / 在你的項目瀏覽器的文件上控制點擊,看呀,多個文件可以并排打開文件, pre-docked 并且準備編輯。VS Code 可以支持三個同步的文件編輯,每個人都可以發射命令提示符。下面的屏幕快照展示了來源于一個被開放地并排編輯的 asp.net 項目的兩個文件–生活是美好的。

Visual Studio Code 的 10 個超棒特性

一直開啟的智能感應

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

Visual Studio Code 的 10 個超棒特性

Visual Studio Code 的 10 個超棒特性

控制面板

VS 代碼中有一個強大、方便的功能就是控制面板–通過簡單的單擊鍵盤Command或者Control+Shift+P(??P)來使用。考慮到它是你IDE中的PowerShell,為常用任務準備一個快捷方式,例如下面的屏幕截圖。

Visual Studio Code 的 10 個超棒特性

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

Visual Studio Code 的 10 個超棒特性

函數參數

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

Visual Studio Code 的 10 個超棒特性

信息預覽

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

Visual Studio Code 的 10 個超棒特性

Visual Studio Code 的 10 個超棒特性

Markdown 預覽

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

Visual Studio Code 的 10 個超棒特性

Visual Studio Code 的 10 個超棒特性

調試

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

配置好以后,你可以通過視圖欄切換到調試模式(像下圖展示的)并且能從 VS Code 啟動你的 app 或者附加到一個運行的程序中。你可以設置斷點,查看調用堆棧或運行時的變量,暫停或一步步執行代碼——總的來說,這份完美的調試體驗讓你整天都在使用 VS Code

Visual Studio Code 的 10 個超棒特性

集成版本控制

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

Visual Studio Code 的 10 個超棒特性

Visual Studio Code 的 10 個超棒特性

結論

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

你正在使用或考慮Telerik 的產品嗎?這些已經被包含在 VS Code 中——你可以很舒適地在 VS Code 里寫 Kendo UI,HTML5/JS,NativeScript 和其余許多 Telerik UI 產品的代碼。讓這一切更猛烈些吧!

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!