Visual Studio Code 1.16代碼文本編輯器

Visual Studio Code 1.16代碼文本編輯器是微軟基於atom製作的一款代碼編輯器，更加友好的編輯界麵，超快的文件打開速度，支持多種編程語言，現在加入了html便簽自動閉合功能，需要的用戶不要錯過。

最新更新內容

JavaScript/TypeScript 重構 - 輕鬆地將源代碼提取到方法和函數中

HTML 標簽自動閉合 - 通過引入自動閉合 HTML 標簽功能，以提高編輯器的生產力

HTML 中的 顏色選擇器 - 現在可以在 HTML 文件中使用 VS Code 的顏色選擇器

集成終端的快速打開功能 - 可從 VS Code 的快速打開創建或跳轉到終端

新的在線文檔 - 帶來新的 Emmet 主題和 Node.js 部署教程的更新

VS Code "recipes" 倉庫 - 在 VS Code 中使用 React，Angular 和 Docker 的示例

Preview: Multi-root workspaces - Smoother UI when adding folders and creating a Workspace (Insiders build).

Preview: Multiple SCM providers - With multiple folders, you can have multiple source control providers (Insiders build).

Multi-root tips for extension authors - Update your extension to work seamlessly with multi-root workspaces.

軟件介紹

“很多人都使用 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，然後就可以選擇多行了。