爲何我選擇使用 VS Code進行前端開發?

沒錯，我就是來給你們安利 VS Code 的。

對前端來講，這是一款性感無比的 IDE，哦不對應該是編輯器。咱們團隊有大部分人已經在用了，因此這週五在組內作了一個 VS Code 小分享，來發掘 VSC 一些提升開發效率的小技巧。我相信已經有很多前端在使用它了，因此你們更有必要一塊兒分享下平常神操做了。

爲何選擇 VS Code ？

在 VSC 剛出來的時候，我就開始使用了（如何評價 Visual Studio Code？),理由很簡單：

• 開源，免費，顏值高；
• 微軟出品，實力保證。

然而用了一陣發現仍是 Sublime 好用，一是剛出來功能不完善，Sublime 一些技巧沒法遷移過來，另外就是插件太少，實際開發略顯吃力。然隨着後面 VSC 一次次更新，很多新 features 着實讓人眼前一亮：微軟這是在用心作產品吶！以致於如今已經沒有什麼能夠抱怨的了(有趣的是當天尤大也發微博說轉投 VSC 了，能夠預見這款產品將來會越作越好，方向選對了，就不怕路走錯)。

而做爲前端，VSC 簡直就是爲咱們量身定製：

VSC 自己是基於當前大火的 TS 來寫的，因此對於 TS 的支持天然很好；又是基於 electron 開發，底層 Node.js 對前端來講再熟悉不過了。因此，若是你發現哪裏很差用，你能夠本身寫插件吶！若是一個知足不了，那就寫兩個。

而對於 VSC 的擴展開發也是至關友好，你只須要5步：

1. 申請一個 Visual Studio Team Services Account；
2. 添加一個 Personal access token;
3. 建立一個發佈帳號，用來發布你的擴展便可(以上操做徹底免費)；
4. 使用 VSC 的 Yeoman 腳手架初始化你的擴展項目，以後就是調用官方提供的 API 開發你的擴展便可，就跟開發 Chrome 插件同樣；
5. 使用官方發佈工具vsce來發布你的擴展到擴展市場，以後別人就能夠搜到你的擴展啦！

因此對於前端來講，都是咱們熟悉的技術棧，你能夠做爲一個使用者，也能夠轉身變成一個開發貢獻者！

而對於 Sublime 和 WebStorm 來講就沒有這麼方便了，固然你也能夠用 Python 或者 Java 來貢獻插件，不過對於前端仍是稍稍有些門檻。若是僅僅是使用的話，WebStrom 確實也很好用，畢竟人家收了錢，並且你最好買一個高配的電腦，不然代碼擼多了，會卡到你懷疑人生。

一些實用擴展和技巧

這纔是重點。先貢獻下本身的部分擴展列表：

各位要是有啥好用的擴展也分享一下吶，你們一塊兒 get 新姿式！(有趣的是新版的 VSC在擴展欄增長了推薦欄，這樣你們能更方便的發現一些精品）

強烈推薦的幾個插件：

• Complete JSDoc Tags(好的註釋不只對項目有用，對 VSC 的代碼智能感知也頗有用)
• Dash(若是你購買了 Dash App 的話）
• EditorConfig for VS Code（統一的編輯配置對團隊開發頗有用）
• ESLint（讓 VSC 內置 ESLint）
• Git History（裝完輸入 git log有驚喜)
• Git Lens（讓本就集成了 git 的 VSC 更增強大）
• Path Intellisense(文件路徑感知擴展）
• Project Manager(多項目管理神器)
• Settings Sync(將你全部的編輯器配置同步到 gist，免得在新設備上從新搗鼓)

詳細的介紹我就懶得寫了，你們本身去探索發現吧，一些有用的資源：

• 官方文檔 永遠是最有用的，或者你也能夠選擇中文翻譯版；
• 這裏列出了更多好玩的插件awesome-vscode;

一些小技巧：

• 每次更新 VSC 後，好好看下更新日誌，有驚喜；
• 有事沒事逛逛擴展市場，有驚喜；
• 有時間仔細看看官方文檔，有驚喜；
• 好好研究下控制面板和快捷鍵，你會發現不少命令不用記；
• VSC 自己是默認 git 工做流的，基於 git 項目進行開發體驗更佳，不要讓本身的工做區處於非 git repo 文件夾。

總結

無論你之前是用 Sublime 仍是 WebStorm，又或者是 Atom 和 Eclipse，如今遷移到 VS Code 都是灰常方便的：

最後，我爲何要安利 VS Code？

畢竟用的人越多，插件市場越豐富，解決問題更快捷，交流起來更愉快嘛！