前言
之前也多多少少寫過幾篇推薦外掛的文章;
因為外掛這類東西不是大風颳來的.所以我從最初的半個月推薦,
到現在慢慢接近三個月推薦一次,以後可能會更久也不一定!
優秀的外掛需要使用者去嘗試,更需要作者花時間沉澱和打造.社群需要多些包容,
我看到很多人會在一些外掛下面辱罵.說什麼萬年不更新,辣雞外掛解除安裝不掉.
真心替那些作者不值,浪費自己生命造福社群的人卻不被尊重還辱罵,賊寒心...
廢話不再多說,這次同樣給小夥伴推薦你覺得靠譜就靠譜系列的外掛和主題!!
外掛集
Node
- npm Intellisense : 正如標題所說,在寫引入模組的時候智慧提示!!
- NPM Smart Importer : 與上個的外掛的差異是智慧補全,比如你 copy 了一些程式碼,而木有引入部分模組!可以點選引入!
- NPM Dependency Links : 這個就是方便你在初始化腳手架專案之後想了解某些模組,點選直接調到npm 模組釋出頁面...省去了開啟瀏覽器,搜尋....
- ExpressJs 4 Snippets : 如標題所言,裡面彙總了70個片段,基本是 ES6的語法的!!
- Pug : 這是模板語言的程式碼片段,嚴格來說並不屬於
node,問題這貨基本用於服務端渲染的模板語言,一般和 node 的服務端框架搭配...
Vue/React/Angular
- Auto Import - ES6, TS, JSX, TSX: 這個外掛是作者在一個長期不更新的專案加以維護的,類似智慧補全的,基本跟進主流
- React Native Tools: 讓
vscode可以寫 RN 的外掛,包括除錯! - TSLint Vue : 讓tslint 支援
vue單元件內ts的語法
css or scss
- css-triggers:這個外掛的亮點就是可以看到渲染的流程和理論...可以當做參考工具
- HTML SCSS Support: scss的智慧補全,支援在
html,ng,vue,.net等使用(佈局侷限具體看文件). - Autoprefixer: 若是基於腳手架的專案基本配置下就好了(不用這個外掛)..這個一般用於你想寫點什麼或者維護老專案,可以省點時間的
- CSS Grid Snippets:
CSS Grid的程式碼片段,CSS Grid是下一代的佈局姿勢,不過目前相容性很渣..成為主流可能要等個三四年,移動端上好一些(但只限於比較新的系統)
tools(雜七雜八的小工具)
- Babelrc: 驗證
babelrc內的語法格式!! - CodeMap: 可以理解為"大綱",支援
ts,md,python. 挺實用的 - Debugger for Chrome: 更新迭代了那麼久,穩定性已經很不錯了,非常棒的除錯工具.用過都說好
- Complete JSDoc Tags : 智慧提示補全
JSDOC的語法 - Git Project Manager: 適合有多個
git專案的小夥伴,可以快速跳轉,比如開啟資料夾慢慢找快 N 倍 - Git Branch Warnings: 一個很溫馨的提醒,可以高亮某個分支提醒你要慎重,這個小功能感覺以後會內建
- jumpy: 羨慕
vim黨,但是不會耍,想快速跳轉到指定位置!這個就可以... - licenser: 可以快速生成開源協議的頭部!!,配置自己的使用者名稱和郵箱等,挺實用的
- Bookmarks: 給檔案某個位置打標籤,用來快速跳轉的..不知道這個功能到現在為何沒內建!!
Markdown(md 規範的文件)
為什麼單獨抽出來,有好幾個實用的外掛...打造好完全不輸所謂的純 MD 編輯器好麼!!!
- Markdown Preview Enhanced: 國人出品的精品外掛!!!涵蓋的東西很多,上至公式下至匯出(裝了這個其他都是可以選裝了),不過你要跟著它提供的文件把對應的功能點依賴給補齊了..適合願意折騰的
- Markdown All in One: 新增了一些內建md 沒有的,比如支援 github的
tasklist,table formatter,還有TOC和快捷鍵這些 - Markdown+Math: 支援多種數學公式的展示!!
- Markdown PDF: 把 MD 轉為 PDF,支援
emoji,checkbox和語法高亮 - Markdown Preview Mermaid Support:支援
Mermaid規範的流程表生成 - Markdown Emoji: 支援 md 插入
emoji..但是用起來支援的力度不怎麼夠,不知道作者會不會繼續維護下去..但是常見的emoji是有的
DATABASES(資料庫)
對於喜歡命令列的,也有三個推薦的,針對
SQL SERVER,MYSQL,MongoDB
Python
py大法好,但只是粗淺的瞭解過一段時間,忘的差不多了..有機會再入坑試試
- Python: 微軟自家出品,必輸精通,裝上這個後
vscode寫 python 體驗還是挺不錯的 - MagicPython: 戴上
Magic,有人喜歡有人討厭,看人吧..針對python魔術方法還有新特性的外掛.好不好你說了算
Mac TouchBar(MBP 的觸控條)
- Nasc VSCode Touchbar :提供了挺多實用的功能點,用了感覺還行
Theme or highlight(主題或高亮)
- Cobalt2 Theme Official: 暗色調的,有一段時間感覺賊喜歡.
- Brackets Light Pro : 亮色調的,用來寫 MD 看起來很舒服,還有閱讀程式碼(不寫的時候)
- Highlight Bad Chars: 這個外掛的唯一亮點,你可以指定你想要高亮的特殊字元!!萬花叢中一點綠!
總結
希望該篇文章可以幫到一些小夥伴節省時間，加快開發。