前言
距離上次推薦又過去半年了.這期間我又蒐羅一些感覺比較好用的外掛;
有些體驗後被我幹掉,有些依舊保留.優秀的擴充外掛產出真的有限,這次主推比較實用的小擴充
對於外掛我不推薦重複的,有些優秀的外掛在我另外幾篇文章可找到,其他就不多說了.直入主題!
外掛集
編碼體驗改善系列
- 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系列
- vusion peek :
Vue
元件快速跳轉(Peek
)
React系列
- React PropTypes Generate : 一鍵生成
react
的proptypes
, 不用ts
的小夥伴必備 - React JavaScript to TypeScript Transformer for VSCode :
React
的js
版本轉ts
版本,有些瑕疵,但可用
檔案支援系列
小程式系列
- minapp : 寫原生微信小程式必備的外掛,智慧補全,函式跳轉等等
工具篇
- Error Gutters : 會把錯誤顯示為圖示,類似
git gutter
,一目瞭然 - carbon-now-sh : 快速生成漂亮的程式碼圖片
- Bracket Pair Colorizer 2 : 原作者的第二版,括號高亮匹配更快速
- file-tree-generator :
tree
命令的滑鼠操作版,還會輸出icon符號 - TypeScript Import Sorter : 適合強迫症使用者,給引入語句進行排序,可以單檔案或者整個目錄深度遍歷
- JSON Tree View : 視覺化跳轉
json
,適合懶人快速定位json
的某個key
主題篇**
- Light+ Tweaked : 柔和的亮色主題
- Palenight Theme : 非常好看的一個暗色主題
- Horizon Theme : 柔和的暗色調主題
文章撰寫
- PicGo : 很實用的圖床上傳工具,直接返回
url
,用了都說好. - MarkDown Link Suggestions :
md
內本地資源智慧提示 - Markdown Command Assist:傻瓜化
md
使用,滑鼠右鍵選擇生成
原始碼學習協助
vscode-ast : 解析JS/TS
檔案生成AST
樹在側邊欄
總結
有不對之處請留言,會及時修正,謝謝閱讀