visual studio code mac是微軟在2015年4月30日的Build開發(fā)者大會上正式宣布的：一個運行于 Mac OS X、Windows和 Linux 之上的，針對于編寫現(xiàn)代 Web 和云應用的跨平臺源代碼編輯器。首先，該軟件是免費開放的；其次，實現(xiàn)了插件化、語言獨立配置等功能；再其次，用戶體驗的細節(jié)上，廣受開發(fā)者的好評；最后，對前端開發(fā)、Node、C#比較友好。visual studio code mac也會為這些語言都提供了豐富的代碼補全和導航功能。JavaScript，TypeScript，Node.js 和 ASP.NET 5 開發(fā)者也將會獲得額外的工具集。此外，visual studio code mac還集成了當今一款現(xiàn)代編輯器所應該具備的特性，包括語法高亮（syntax hight lighting），可定制的熱鍵綁定（customizable keyboard bindings），括號匹配（bracket matching）以及代碼片段收集（snippets）。Somasegar 也告訴筆者這款編輯器也擁有對 Git 的開箱即用的支持。
安裝教程
1. 打開【visualstudiocode_7953.dmg】文件，點擊【同意】。
2. 將【Visual Studio Code.app】拖入到【Applications】中。
3. 打開【Dock】左側的【Finder】，在【應用程序】中找到并運行【Visual Studio Code.app】，開始配置工作。
4. 第一次打開的時候是英文的，不過如果您的MAC的系統(tǒng)語言是簡體中文的話，就不用擔心，很快就會在右下角彈出切換為簡體中文的提示。此時我們點擊【安裝并重啟（Install and Restart）】，注意保持聯(lián)網(wǎng)狀態(tài)！
5. 稍等片刻，等待安裝完成，之后便會自動重啟visual studio code Mac，我們會發(fā)現(xiàn)，軟件已經(jīng)變成簡體中文的語言了。
安裝注意事項
部分Mac系統(tǒng)用戶可能無法直接安裝，若遇到【app已損壞,無法啟動。你應該將它移到廢紙簍?！刻崾緯r，建議進行以下操作：
1. 打開系統(tǒng)偏好設置，選擇【安全性與隱私】
2. 點擊右下角鎖狀圖標，輸入密碼解除鎖定
3. 在【允許從以下位置下載的應用】的三個選項里，選擇最下方的【任何來源】
4. 重新啟動程序
*如果打開【安全性與隱私】后沒有發(fā)現(xiàn)【允許從以下位置下載的應用】選項的用戶，可以進行以下操作：
1. 復制括號內(nèi)代碼：【sudo spctl --master-disable】
2. 在【應用程序】-【實用工具】中找到【終端.app】打開，粘貼之前復制的代碼，回車鍵運行。
3. 重新啟動程序*破解需要在無網(wǎng)絡的情況下進行，請先斷開電腦的網(wǎng)絡連接
注意事項
1. 安裝過程中，如果出現(xiàn)如下對話框提示，請務必點擊【繼續(xù)】。
2. 用戶如果下載軟件后（請確保已下載完的.dmg文件是完整的，不然打開文件的時候也會出現(xiàn)文件損壞無法打開），在打開【.dmg文件】的時候提示“來自不受信用的開發(fā)者”而打不開軟件的，請在“系統(tǒng)偏好設置—安全性與隱私—通用—允許從以下位置下載的應用”選擇“任何來源”即可。
軟件特色
首先對Visual Studio Code做一個大概的介紹。開頭先明確一下，這個Visual Studio Code（以下簡稱 vscode）是一個帶GUI的代碼編輯器，也就是只能完成簡單的代碼編輯功能，并不是一個集成開發(fā)環(huán)境（IDE）。而Visual Studio、WebStorm 這類的開發(fā)工具是 IDE，功能強大，這兩個是不一樣的概念。
有些答案在討論配置文件是JSON格式的，這個已經(jīng)是Sublime、Atom這一類編輯器的標配了。另外，關于Web云端開發(fā)的支持，第一版本也沒有相關的功能。目前僅僅就是一個編輯器而已，跟連接微軟的后端云服務沒啥關系。當然，可能以后的版本會加入直接連接云端進行開發(fā)吧。
目前市場上比較常見的一些GUI編輯器的產(chǎn)品：Sublime、Notepad++、Atom、H5 Builder、Brackets等等，包括終端下的Vim、Emacs等等，都是這個vscode的競品。我個人比較常用Sublime，Atom少用，所以只能對比下Sublime。
以下從剛剛的試用情況來大概談一談編輯器獨特的地方，僅供參考。
1. 外觀：
典型的VS風格的UI，支持light和dark兩種theme切換。旁邊按鈕分別是新建、搜索、git和調試。不過功能布局情況，完全類似Atom。
2. 性能：
MacBook Air上將近300萬行代碼的文件，打開需要5、6秒，瀏覽無卡頓，無崩潰現(xiàn)象，繼續(xù)coding也不卡頓，Go to Line也不卡頓，粘貼代碼會卡頓、問題不大。Sublime3的最新版連打開這個文件，都要將近2分鐘，根本不比了。
3. 用戶體驗細節(jié)
這個我一點一點來說
(1) 可以直接點擊GUI按鈕或者右鍵進行新建File、Folder這樣的操作。（以前的Sublime這方面比較差）
(2) 直接分離tab和關閉tab
左邊的按鈕可以直接split窗口。。比Sublime方便多了。右邊的x可以直接關閉標簽。
然后左側還可以看到一個大的藍色按鈕，可以直接Open Folder，也比較爽。。這里也就直接暗示了以Folder為項目，不然很多新手弄不清楚打開文件、打開Folder什么的。
(3) 無插件化的代碼diff
非常強大的一個功能，目前發(fā)現(xiàn)兩個方式可以啟動diff功能。
第一種是在左側，右鍵文件select to compare，然后再右鍵一個文件Compare with ‘xx’，就可以出現(xiàn)diff。第二種是git的模式下，點擊右上角的switch to changes file，就可以啟動diff。
然后左上角點擊…按鈕，會出現(xiàn)
然后點擊switch to Inline View，可以并到一個tab diff。
(4) 代碼補全支持Angular標簽、支持函數(shù)說明提示
然后簡單試了一下HTML和JS的代碼補全（C#試了貌似沒有補全，具體的再看）
HTML的補全算不錯的，還支持Angular的標簽補全。
JS的代碼補全太帥了，直接看圖吧，每個函數(shù)屬性都有說明。支持Node補全。。
(5) 自動提示覆蓋配置文件&懸浮提示
這種編輯器，自己改配置文件也是很常見的。目前，不支持對不同語言進行獨立配置，都是集成在一個配置文件里面；不過支持對不同項目有不同的配置文件，支持快捷鍵配置。
配置的時候有兩點很nice：
1. 會自動打開Default Settings和User Settings，提示讓你在右側修改覆蓋自己的配置文件。這個對新手很友好、也很方便。
2. 另外鼠標放到配置文件（JSON格式）的key上，會自動懸浮提示。
(6) 語法錯誤提示 & 格式化代碼 & 無插件化的代碼Debug
內(nèi)置了語法錯誤提示，很方便。
右鍵代碼區(qū)域支持自動格式化代碼，挺不錯的。
編輯器還帶了原生的Debug功能。
目前來看，配置文件主要是前端開發(fā)方面的配置，Debug支持Node和Mono（.Net）。
開啟Debug功能，必須要Mono3.0安裝好，我光調試Node也要安裝，不清楚為什么。
點擊左側的Debug按鈕，會自動在目錄下生成Debug的配置文件
按照自己所需修改好，然后左側選擇要Debug的配置，然后就跑起來了。
(7) 支持簡單的多行選擇
在單詞上右鍵Change All Occurrences，然后就可以選擇多行了。
右下角直接有一個笑臉可以拿來反饋信息，所以大家有什么想反饋的，直接點那個按鈕。
0條評論