VS Code 折騰記 - (11) 再來一波插件推薦!(代碼片斷,框架,Node,touchbar,TS,Git,數據庫,python!!)

前言

以前也多多少少寫過幾篇推薦插件的文章;

由於插件這類東西不是大風颳來的.因此我從最初的半個月推薦,

到如今慢慢接近三個月推薦一次,之後可能會更久也不必定!

優秀的插件須要用戶去嘗試,更須要做者花時間沉澱和打造.社區須要多些包容,

我看到不少人會在一些插件下面辱罵.說什麼萬年不更新,辣雞插件卸載不掉.

真心替那些做者不值,浪費本身生命造福社區的人卻不被尊重還辱罵,賊寒心...

廢話再也不多說,此次一樣給小夥伴推薦你以爲靠譜就靠譜系列的插件和主題!!

插件集

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

• MySQL: 操做 MYSQL
• MongoDB: 操做 MongoDB
• mssql: 操做 SQLSERVER,還內置了智能提示(針對T-SQL類的)..微軟自家出品,必屬精品!!

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: 這個插件的惟一亮點,你能夠指定你想要高亮的特殊字符!!萬花叢中一點綠!

總結

但願該篇文章能夠幫到一些小夥伴節省時間，加快開發。