VS Code 折騰記 - (15) 再來一波大前端適用系列的外掛(主打編碼體驗改善)

CRPER發表於2019-01-09

前言

距離上次推薦又過去半年了.這期間我又蒐羅一些感覺比較好用的外掛;

有些體驗後被我幹掉,有些依舊保留.優秀的擴充外掛產出真的有限,這次主推比較實用的小擴充

對於外掛我不推薦重複的,有些優秀的外掛在我另外幾篇文章可找到,其他就不多說了.直入主題!

外掛集

編碼體驗改善系列

  • VS DocBlockr: Atom外掛Docblockr移植版,非常好用的註釋外掛
  • Visual Studio IntelliCode - Preview : 提供AI支援(強化你的程式碼智慧提示),微軟出品
  • File Utils : 非常實用的一個檔案工具集,脫離滑鼠,直接操作當前開啟的頁面.
  • npm-ui : 側邊欄新增npm圖示,npm選單內可以直接執行命令
  • NPM Scripts : 命令列執行npm命令 ,可以算是npm ui的非UI版本
  • Surround : 快速包裹程式碼並且新增對應的條件語句,很實用
  • koroFileHeader : 快速新增註解到檔案頭部(預定義模板),比如建立時間,誰建立的
  • gi : 快速生成.gitignore
  • tea-time : 番茄計時器!有助於改善你長期盯電腦的習慣,到點去喝杯水緩緩什麼的
  • Visual Snake Code : 擼程式碼累了.來一把貪吃蛇?然後繼續苦逼!
  • javascript console utils : 快速生成console.log(選中)
  • Turbo Console Log : 與上面那個類似,功能弱化些
  • clear-console : 快速清除當前檔案內的console.log資訊,很實用
  • Node JSON Autocomplete : 對於引入json檔案提供智慧提示

協作系列

  • VS Live Share Whiteboard : Live Share 畫板支援,這下子不僅程式碼能協作,思路也能演示了

  • VS Live Share : 程式碼協作,會使用上面這個外掛的小夥伴,肯定也會用這個外掛

Vue系列

React系列

檔案支援系列

  • docs-yaml : 提供yaml的智慧補全和語法校驗功能
  • DotENV : env檔案的支援

小程式系列

  • minapp : 寫原生微信小程式必備的外掛,智慧補全,函式跳轉等等

工具篇

主題篇**

文章撰寫

原始碼學習協助

vscode-ast : 解析JS/TS檔案生成AST樹在側邊欄

總結

有不對之處請留言,會及時修正,謝謝閱讀

相關文章