番外篇 - Visual Studio Code 與 Vue.js

番外篇

SeaConch話癆就是憋不住想寫這篇

用上了新的編輯器，總感受哪哪都好，實在是忍不住想要推薦一下vs code這款編輯器

寫給誰呢？我也不知道，當一樣有那麼一我的和我同樣是從vs過來的話，那麼也許你會有跟我同樣的感覺吧~

5月份開始學習vue.js到如今，基本上一直是在使用vs 2013 + webstorm的方式開發項目

vs用來寫asp.net webapi、webstorm用來寫vue.js

雖說這樣寫仍是不錯的，不過有不少時候都會感受電腦已經要跑不動啦

同時啓動一個vs（而且還要運行着），一個webstorm，一個ssms，一個cmder，一個Chrome，不說切的眼睛都花了，電腦也常常卡，內存易怒

vs這個IDE好幾個G，啓動慢正常，但通常編碼時沒怎麼卡過，通常都會很流暢；webstorm卻常常有些扛不住，啓動慢，而後編碼時就容易卡起來了，還有一點就是，webstorm的字體真的有點胖...看不習慣

而後呢在一次不經意之間，與同事的聊天中，聽到他談到在用vs code開發Python，而後我就懵啦會，vs code ? Python ? 難道是 vs 的新版本？

帶着這個疑問我開始查相關資料，以後順利的下載並安裝啦一個 vs code 編輯器並最終實現啦使用vs code 開發 vue.js 項目的需求

讓你們看看這個編輯器長什麼樣子吧：

而後這個是vs2013：

單看編輯界面就有親切感，這種輕快的編輯感，真的不是webstorm可以帶來的，哈哈哈

vs code能夠經過擴展來支持vue eslint等咱們須要或不須要的功能，如圖：

vs code能夠經過源代碼管理管理GitHub、svn等項目管理平臺上的項目，如圖：

vs code能夠調試vue.js不過我並無去嘗試

vs code自帶cmd窗口能夠直接在下方終端面板npm run dev而且看到錯誤提示，按住Ctrl + 左鍵點擊錯誤提示時自動導航到錯誤位置：

導航錯誤：

vs code能夠擴展eslint，經過擴展eslint編輯器能夠在編輯階段就能夠提示出錯誤的編碼風格，但有時候卻不會提示，那個時候就須要在終端經過點擊導航到錯誤位置來修改啦，多是我尚未配置完善的緣由吧，上圖錯誤導航截圖就是在編輯階段就已經給啦錯誤的編碼風格提示

vs code一樣有代碼片斷，咱們能夠設置本身喜歡的代碼片斷來快速開發，如：

輸入：cl 敲 tab 自動帶出console.log('$1'),$1表明光標出現位置

好啦，我也是昨天剛剛開始使用vs code，是很是喜歡的說，不過畢竟仍是剛剛用，因此說看到這裏的你，抱着路過的心看看就好啦

拜~

2018-06-05 23:28:41 seaconch.