Visual Studio Code預覽版Ver 0.3.0試用體驗
當你開始閱讀這篇文章時，請先不要把Visual Studio Code和.net、Windows聯想到一起，因為VS Code是一個跨平臺，支持30多種語言的開箱代碼編輯器。不管你是.Net、Java、PHP、Python、TypeScript、 Objective-C...還是前端開發者，你都值得擁有。下面，讓我們來看一看Visual Studio Code 這個神器吧~
一、Visual Studio Code的下載和安裝
Visual Studio Code最新版下載地址，https://www.visualstudio.com/，文件不到60M，如圖：
點擊右邊的下載，大家根據自己的系統下載對應的版本就好了。下載后，windows雙擊exe文件會自動安裝，其他系統我想大家都會的。下載安裝完成后，我們打開Visual Studio Code，點擊help > about,會看到如下窗口：
到這里，就說明你已經安裝的是最新版本的Visual Studio Code了。
二、Visual Studio Code簡介
安裝完成后，我們看到的Visual Studio Code界面如下，當然不同的系統界面邊框略有不同，基本布局如圖：
下面我們來進行一些簡單的設置，下面就拿大家最關心的字體大小設置來說吧，其他的都類似，點擊如圖菜單：
我們會看到如下頁面，VS Code會打開兩個文件：
左邊的是默認設置，右邊的是用戶設置，其他的一些設置都可以在左邊的默認設置里面找到，我們要修改什么設置，拷貝到右邊的窗口中修改即可。例如，我們要修改字體大小，如圖修改就好了，注意這是個json文件。
工具欄簡介
1、資源管理器
下面來看一下右邊的工具欄，資源管理器就不用多說了很簡單，只是這里有個功能值得注意一下，如圖：
在文件上面點擊鼠標右鍵，有個Copy Path，可以復制文件的物理路徑。當然，你會想為什么不是打開文件位置啊，其實這個功能已經有了，就是Reveal in Explorer.記住啦，不要再無知的吐槽了~
其他的菜單，自己點點就知道了，比較簡單，我就不廢話了。
2、搜索
下面來說說這個搜索，為什么要在這個地方加一個搜索的工具欄呢？如果你熟悉Visual Studio的話，你會發現按快捷鍵Ctrl + F會出現一個搜索框，如圖：
細心的你也許會發現，當你按下Ctrl + Shit + F的時候，會激活這個工具欄的搜索功能，沒錯，這個功能就是類似Visual Studio中的全局搜索功能，如圖：
看到了吧，這里的搜索結果，在1.html中和2.html中都搜索出來了"博客園"這個關鍵字。看到這里，已經心動了吧~~
還有Ctrl + G鍵，輸入行號可以跳轉到指定的行！
3、Git版本控制
這個功能，用過Git大家都清楚，Git的初始化必須在一個空的文件夾里面，所以要使用這個功能，也是要先有一個文件夾的，下面我們來看看怎么操作，如圖：
是不是感覺很流弊，右鍵文件夾都可以直接打開，打開后，我們繼續看，如圖：
到了這里，很明顯了，點擊那個Initialize git repository按鈕，初始化Git倉庫。然后，我們新建一個文件，名字為index.html,保存到這個文件夾下。接下來，注意啦，注意啦，我們要輸入以下內容，如圖：
如果你還一行一行的敲，那就太low了，這里先交給大家一個方法，在空白的文檔里面輸入一個感嘆號！，注意是英文的哦，然后，點擊Tab鍵，看看發生了什么，是不是duang的以下就出來了~~
然后，我們按Ctrl + S保存文件，再來看Git這個工具欄的變化，如圖：
我們看到了，changes里面出現了index.html,然后，我們輸入commit message，點擊上面的 對勾 提交，然后，我們會看到changes下面的文件都消失了，并且右邊的1變成了0。
點擊那個...按鈕，會彈出菜單，這里有更多的Git的操作，我就不一一介紹了，相信使用過Git的都看的懂的！
4、調試
這個功能簡單的說就是調試代碼，如果要使用的話還要進行一些配置，具體大家看官方文檔 Debugging ,我就不再細說了，大家有興趣就自己去研究吧~~
三、Visual Studio Code上手體驗
VS Code支持多種語言，我們先來看一下官方的說明：
這里大概說的是對CSS, HTML, JavaScript, JSON, Less, Sass幾種語言有智能提示，其他的語言都是語法高亮和重構。就是說你寫C#、Java等一些代碼都是沒有智能提示的，但是都會有語法高亮。這些代碼查 看，大家可以打開一些相關的代碼文件看看，我就不一一演示了。
1、文件類型
下面我們來看看VS Code編寫代碼是否順手，點擊菜單新建文件或者使用快捷鍵Ctrl + N，這個時候會新建一個Untiled-1的文件，默認為文本文件，不高亮和提示任何代碼，這個時候我們可以通過保存文件來改變文件類型，或者直接告訴 Vs Code文件類型，如圖：
點擊Plain Text，然后在彈出的輸入框輸入你想要的語言就好了。或者我們使用快捷鍵，Ctrl + Shift + P，打開命令輸入框，輸入language，如圖：
選擇第一個Change Language Mode,也可以打開這個語言選擇框。
這里首先要說的是VS Code對html的支持，當然Vs Code對html支持是非常好的，上面我們已經看到了，輸入一個感嘆號，然后按下tab鍵就一下子完成了html5文檔的基本結構。其實，這是VS Code里面添加了Emmet snippet expansion，官方文檔地址http://docs.emmet.io/cheat-sheet/，我們大概來看一下：
看到了吧，第一個就是我們上面使用的，同理如果我們輸入<a>標簽，我們只要輸入a，然后按tab鍵就可以了。這里就不再多說了，就留給大家去好好探索了~
另外，VS Code也支持Html5和AngularJs的智能提示，可以說是前端神器啊~~哈哈，目前我知道的也只有VS2015支持AngularJS的智能提示了。
2、文件編碼
文件編碼當然是很重要的，有時候我們要查看和修改文件編碼，在介紹VS Code的時候，已經告訴大家，在哪里顯示文件的編碼了，下面我們來說一下如何修改文件編碼，還是Ctrl + Shift + P打開命令面板，輸入encoding,如圖：
選擇以后，會出現如下選項：
我們可以根據需要選擇，這里我們選擇保存的編碼格式，如圖：
3、MarkDown
還有一個比較讓人喜歡的一點就是VS Code也支持markdown的書寫和預覽，下面我們看一下：
如果要預覽的話，要先保存文件，然后按下快捷鍵Ctrl + Shift + V,就可以預覽了。如圖：
4、文件的切換
當我們編寫多個文檔時，經常需要在多個文件直接切換，用鼠標點擊來切換是一個很奢侈的做法，我們通常都喜歡用快捷鍵。在Vs Code中，我們可以用Ctrl + Tab鍵來快速的切換文件，如圖：
按住Ctrl鍵不要松，不斷的按下Tab鍵來切換選擇文件。當然，這只適用于比較少的文件時，文件多了，這樣就不好用了。
文件多的時候，我們可以使用Ctrl + p快捷鍵，打開和上面一樣的輸入框，不過這個時候我們可以輸入內容來搜索文件，然后選擇打開。如圖：
看到這里，現在感覺VS Code怎么樣呢？當然，這只是VS Code的一小部分功能，還有更多的等待大家去發現！等到正式版出來的時候，估計會更加的好~~
四、總結
由于篇幅的關系，關于VS Code就先介紹到這里了，下面來簡單的總結一下Vs Code的有點：
1、支持30多種常用語言的語法高亮，并對html、js、css、Angular等很好的語法支持，并且還支持MarkDown的預覽！
2、體積小，功能強大，當然性能也是很好的，打開超大型的文本文件也不會卡死，大家可以和其他的一些文本編輯器對比一下。
3、支持命令操作(Ctrl + Shift + P)和鼠標操作，還有大量的快捷鍵，可以適應各種開發者的操作習慣。
4、支持Git版本控制器，可以完成創建分支、解決沖突、提交修改等操作；
5、強大的搜索功能，并且支持多文件搜索；
6、最大的有點，當然是跨平臺、免費;
作者：雲霏霏
QQ交流群：243633526