VS Code 折騰記 - (15) 再來推薦一波大前端適用系列的外掛(改善編碼體驗)
阿新 • • 發佈:2019-01-09
前言
距離上次推薦又過去半年了.這期間我又蒐羅一些感覺比較好用的外掛;
有些體驗後被我幹掉,有些依舊保留.優秀的拓展外掛產出真的有限,這次主推比較實用的小拓展
對於外掛我不推薦重複的,所以有些優秀的外掛在我另外幾篇文章可以找到,其他就不多說了.直入主題~~~
編碼體驗改善系列
- 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的小夥伴必備
檔案支援系列
小程式系列
- 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樹在側邊欄
總結
有不對之處請留言,會及時修正,謝謝閱讀