前言

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

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

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

編碼體驗改善系列

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

協作系列

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

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

Vue系列

• vusion peek : Vue元件快速跳轉(Peek)

React系列

• React PropTypes Generate : 一鍵生成react的proptypes , 不用ts的小夥伴必備

檔案支援系列

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

小程式系列

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

美化系列

工具篇

• Error Gutters : 會把錯誤顯示為圖示,類似git gutter ,一目瞭然
• carbon-now-sh : 快速生成漂亮的程式碼圖片
• Bracket Pair Colorizer 2 : 原作者的第二版,括號高亮匹配更快速
• file-tree-generator : tree命令的滑鼠操作版,還會輸出icon符號

主題篇

• Light+ Tweaked : 柔和的亮色主題
• Palenight Theme : 非常好看的一個暗色主題
• Horizon Theme : 柔和的暗色調主題

原始碼學習協助

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

總結

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