本周正式把主力代碼編輯器從Sublime Text切換到了VSCode,本文記錄我轉(zhuǎn)投VSCode的動機(jī)和中間的一些過程。
關(guān)于代碼編輯器是開發(fā)者社區(qū)中一個經(jīng)久不衰的話題 ，通常厲害的hacker大部分用vim emac，搬磚碼農(nóng)就用sublime,Atom之類。筆者努力嘗試過學(xué)習(xí)vim emacs，無奈學(xué)習(xí)曲線太陡峭，沒堅持到最后就放棄了。代碼編輯器不光關(guān)系到程序員的開發(fā)效率，甚至?xí)绊戦_發(fā)人員的心情。
大概是去年某個時候不斷有各路大神推薦使用VSCode，所以也去下載了一個玩玩，可能是用慣了Sublime,日常插件和快捷鍵的使用已然成為肌肉記憶，因此對已一個差不多好用的編輯器也就沒有太大的動力去花時間研究。
直到最近發(fā)生了2件事情讓我痛下決心切換到了VSCode。
首先，對于python web開發(fā)Sublime 基本上能應(yīng)付得過來，有代碼補(bǔ)全代碼靜態(tài)檢查(linter)等。最近由于工作需要需要開發(fā)大量的前端代碼，首當(dāng)其沖的需求就是支持javascript autocomplete 和 linter功能。 linter我在上周博文中有介紹Sublime社區(qū)已經(jīng)有一個不錯的方案。但是javascript代碼補(bǔ)全Sublime社區(qū)幾乎沒有找不到一個讓我滿意的方案。
另外， 我平時閑下來經(jīng)常會聽一些技術(shù)播客，正好代碼時間這一期邀請到了微軟VSCode 開發(fā)工程師:呂鵬做分享嘉賓，趁下班開車路上把這一集聽完。這個分享內(nèi)容相當(dāng)豐富，不僅介紹了VSCode的功能特性，還透露了微軟是如何開發(fā)VSCode的開源項目從測試到發(fā)布，有興趣的朋友可以聽一聽。其中最打動我的是VSCode內(nèi)置了代碼補(bǔ)全，而且VSCode本身就是用javascript開發(fā)出來的，對javascript的支持非常好。聽完第一時間去試了一把，不夸張地說對于javascript支持，VSCode已經(jīng)把Sublime甩出去好幾條街了。除了對Javascript 原生的對象，關(guān)鍵詞能自動提示，連導(dǎo)入的第三方庫如react api也能彈出提示列表。
在決定把編輯器切換到VSCode，最先要解決的兩個問題。一是要熟悉 VSCode的快捷鍵，二是要找一個跟Sublime Text類似的主題和字體的設(shè)置。
沒想到這個過程會來得如此無痛，VSCode有一個擴(kuò)展插件叫vscode-sublime-keybindings,可以把sublime里面的快捷鍵導(dǎo)入到VSCode無縫切換。
打開VSCode擴(kuò)展輸入theme有大量的主題插件提供選擇, 我選了cobalt2,跟我平時sublime使用的主題非常接近。
字體我采用了fira code一個專為代碼排版優(yōu)化的等寬字體。
隨著開發(fā)慢慢深入,能體會到VSCode許多貼心之處，總體上來說VSCode讓開發(fā)代碼的體驗上升了一個檔次，真是相見恨晚!
更新
用VSC做前端項目 ，如何激活javascript文件中函數(shù)or變量 goto definition功能？
需要在項目根目錄下添加加 jsconfig.json文件 ，內(nèi)容如下。
{
"compilerOptions": {
"target": "es6"
},
"include": ["src/**/*"] //按照實際項目設(shè)置
}
windows 下按ctrl + click mac 下 option+click 就可以跳轉(zhuǎn)到 定義處。
具體可參考官方解釋
本文續(xù)篇 魚和熊掌:VSCode+Vim >>
