Visual Studio Code跨平台編輯器 v1.10.1官方最新版

Visual Studio Code跨平台編輯器是一個運行於 OS X，Windows 和 Linux 之上的，針對於編寫現代 web 和雲應用的跨平台編輯器。這標誌著 Microsoft 第一次向開發者們提供了一款真正的跨平台編輯器。雖然完整版的 Visual Studio 仍然是隻能運行在 Windows 之上，但是今天的聲明向我們展示了這家公司對於支持其他計算機平台的承諾。

軟件介紹

“很多人都使用 Windows 作為他們的開發環境，但是我們也注意到了，還有很多人使用 Linux 和 Mac“，Somasegar，Microsoft 公司的開發者事業部總裁在這周稍早時候對筆者如是說道。”我們想讓他們能夠在他們習慣的平台上使用我們公司的產品，而不是非要遷徙到 Windows 上“。這些平台上的很多開發者們也更樂意於使用像 Sublime Text 這種輕量級的代碼編輯器，而非像 Visual Studio 這種全特性的 IDE。

Visual Studio Code 為開發者們提供了對多種編程語言的內置支持，並且正如 Microsoft 在今天 Build 大會的 keynote 中所指出的，這款編輯器也會為這些語言都提供了豐富的代碼補全和導航功能。JavaScript，TypeScript，Node.js 和 ASP.NET 5 開發者也將會獲得額外的工具集。

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

正如 Somasegar 所言，新款編輯器部分基於 Microsoft 為 Visual Studio Online 編寫 Monaco 編輯器時的經驗，但是該公司也正努力將一些 Visual Studio 的語言特性帶到 Visual Studio Code 上，例如 Roslyn 項目，Microsoft 的 .NET 編譯器平台。並且 Microsoft 聲稱這些為 VSC 打造的語言服務也會在其他編輯器包括 Sublime Text，Vi 以及 Atom 中可用。

上麵提到的一些語言特性已經在其他編輯器中可用了。就在不久前，Microsoft 啟動了針對 Sublime Text 的 TypeScript 插件項目，並且 Somasegar 告訴筆者該公司承諾會在未來啟動更多類似於這樣的項目（歸根結底，是為了滿足開發者們的需要）。

Visual Studio Code 的發布的確來的很突然。然後仔細想想這在一段時間之前就已經有了預兆，比如 .NET 內核的開源（以及使其能夠跨平台運行）或者是社區版的 Visual Studio Community 的啟動。

如果是在短短幾年前，今天的宣布勢必會引起軒然大波，但是今天，這對我們來說更多的是驚喜。

軟件特色

VSC 的編輯器界麵依然是微軟經典的 VS 風格，對於常接觸的人來說會很親切。在編程語言和語法上支持 C++, jade, PHP, Python, XML, Batch, F#, DockerFile, Coffee Script, Java, HandleBars, R, Objective-C, PowerShell, Luna, Visual Basic, Markdown, JavaScript, JSON, HTML, CSS, LESS, SASS, C#, TypeScript (支持情況)。

用戶體驗細節

這個我一點一點來說

(1) 可以直接點擊GUI按鈕或者右鍵進行新建File、Folder這樣的操作。（以前的Sublime這方麵比較差）

(2) 直接分離tab和關閉tab

左邊的按鈕可以直接split窗口。。比Sublime方便多了。右邊的x可以直接關閉標簽。

然後左側還可以看到一個大的藍色按鈕，可以直接Open Folder，也比較爽。。這裏也就直接暗示了以Folder為項目，不然很多新手弄不清楚打開文件、打開Folder什麼的。

(3) 無插件化的代碼diff

非常強大的一個功能，目前發現兩個方式可以啟動diff功能。

第一種是在左側，右鍵文件select to compare，然後再右鍵一個文件Compare with 'xx'，就可以出現diff。第二種是git的模式下，點擊右上角的switch to changes file，就可以啟動diff。

然後左上角點擊...按鈕，會出現

然後點擊switch to Inline View，可以並到一個tab diff。

(4) 代碼補全支持Angular標簽、支持函數說明提示

然後簡單試了一下HTML和JS的代碼補全（C#試了貌似沒有補全，具體的再看）

HTML的補全算不錯的，還支持Angular的標簽補全。

JS的代碼補全太帥了，直接看圖吧，每個函數屬性都有說明。支持Node補全

(5) 自動提示覆蓋配置文件&懸浮提示

這種編輯器，自己改配置文件也是很常見的。目前，不支持對不同語言進行獨立配置，都是集成在一個配置文件裏麵；不過支持對不同項目有不同的配置文件，支持快捷鍵配置。

配置的時候有兩點很nice：

1. 會自動打開Default Settings和User Settings，提示讓你在右側修改覆蓋自己的配置文件。這個對新手很友好、也很方便。

2. 另外鼠標放到配置文件（JSON格式）的key上，會自動懸浮提示。

(6) 語法錯誤提示&格式化代碼&無插件化的代碼Debug

內置了語法錯誤提示，很方便。

右鍵代碼區域支持自動格式化代碼，挺不錯的。

編輯器還帶了原生的Debug功能。

目前來看，配置文件主要是前端開發方麵的配置，Debug支持Node和Mono（.Net）。

開啟Debug功能，必須要Mono3.0安裝好，我光調試Node也要安裝，不清楚為什麼。

http://www.mono-project.com/download/

點擊左側的Debug按鈕，會自動在目錄下生成Debug的配置文件

按照自己所需修改好，然後左側選擇要Debug的配置，然後就跑起來了。

(7) 支持簡單的多行選擇

在單詞上右鍵Change All Occurrences，然後就可以選擇多行了。

更新日誌

Preview: Minimap - 使用 Minimap 獲取 10,000 英尺的代碼視圖

Preview: Drag and Drop in the editor - 輕鬆拖放編輯器內文本

Copy text with formatting - 複製具有完整語法高亮的代碼示例

Auto generate JSDoc - 隻需鍵入 / ** 為您的函數生成 JSDoc 注釋

File Explorer key bindings - 現在可以為資源管理器和其他 list/tree UI 創建快捷方式

Official Linux repositories - VS Code 支持在 Linux 上自動更新軟件包

Improved Exception view - 在調試器中輕鬆查看異常詳細信息

Column breakpoints - 在源碼的同一行上設置多個斷點

Links in the Terminal -  Integrated Terminal 輸出鏈接中的鏈接簡化了編輯器和命令之間的工作流

Keybinding support for tasks - 將鍵盤快捷方式分配給常用任務

HTML DOM navigation - 通過 id 和類名快速導航到 DOM 元素

Language specific default settings - 適當為 Go、Make、YAML 和 Markdown 做相關默認設置