VS Code 折騰記 - (12) 春節前的最後一波插件推薦(前端/協做/主題)

前言

emmm，失業以後,只能捲鋪蓋回家了，待來年開春再戰。

回老家賣小吃，順便學學車(考駕照),利用碎片化的時間掃蕩插件。

因而,這篇文章就誕生了...

插件集

前端

調試工具

• Live HTML Previewer:編輯器內實時預覽 html文件
• Debugger for Firefox: 如標題所示,vscode 關聯firefox進行調試,和Debugger for chrome一致

智能提示及格式化

• Paste JSON as Code: JSON概要快速轉換爲其餘語言的類型格式!(quick-type)
• Copy With Imports: 至關牛逼的插件,複製部分引用代碼自動引入相關依賴...

代碼片斷

• React Native Snippet: RN 代碼片斷
• ES7 React/Redux/GraphQL/React-Native snippets: 如標題所示,涵蓋的代碼片斷賊豐富

高亮

• Marko Syntax Highlighting: ebay 旗下Marko的語法高亮..挺有意思的一個類模板語言的 UI 庫
• YAML: yaml的高亮,校驗及格式化

圖形化操做

• NPM-Scripts: 在側邊欄可視化執行 npm 命令(項目內的 package.json),小巧實用
• File Tree View: 提供幾個常見編程語言的函數或狀態的樹集合展現,能夠快速點擊跳轉!!
• JavaScript Test Runner Preview : 快速執行單元測試,支持 Mocha 和 Jest

語言或框架

• OCaml and Reason IDE: 兩種語言的支持,後者 facebook 出的(有興趣的能夠去了解,挺超前)

協做

• GitLab Workflow: Gitlab 的快速管理工具
• VS Live Share Preview: 牛逼哄哄的插件,實時協做..目前是預覽版...等正式版了再專門抽時間寫一篇這個的用法

主題

• Andromeda: 風騷黃綠
• Happy Hipster: 清新脫俗的z主題風
• Vue Theme: 應該有部分人喜歡這種風格...

---

總結

能幫到各位小夥伴的話,這文章就有意義了.. 假若沒幫到 請當作網上衝浪~~~