前言
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: 應該有部分人喜歡這種風格…
總結
能幫到各位小夥伴的話,這文章就有意義了..
倘若沒幫到 請當做網上衝浪~~~