前言
VSCode大法好啊,平均一個月更新一個小版本,每次都可以直觀的看到優化的地方和特性。
距離上次的文章已經過去了兩個多月了。這期間我又蒐羅了一波比較實用的外掛推薦;
外掛集
版本及檔案管理
- Better Merge : 用來解決檔案衝突的不二利器,經過多個版本的更新,穩定很多。。推薦
- Folder Indexing: 提高檔案的索引速度[常駐於記憶體中],這對於專案比較大的小夥伴必須安裝啊
- Git Indicators: 類似
github
上的統計提交程式碼增減條目,在狀態列顯示,很小巧實用 - gitk:有了這個,版本實時比對,這個真心好
Angular 2+ && Typescript 2+
- Angular Language Service: 用
ng2+
開發的小夥伴的必備外掛,定義跳轉,補全,資訊提示等。 - JSON to TS:有了這個來宣告和後臺協商的對接介面簡直不能再方便了【
typescript interface
】。 - move-imports: 雖然不能說完美無BUG,但是至少常規的遷移[
js, jsx, ts, tsx
]是可以同步改動的,值得安裝
Node
- Node.js Modules Intellisense:對於
node_module
的智慧提示太友好了,必裝 - npm: 可以直接在vscode執行npm的一些命令,相當實用。試試就知道了
- ExpressSnippet: express的程式碼片段,實用推薦
- ES6 Mocha Snippets:單元測試
Mocha
的程式碼片段
snippet
- TurboJavaScript:相當齊全的js的程式碼片段簡寫,熟練了效率高的不是一點兩點
- Angular 2+ Snippets: 這貨的程式碼片斷涵蓋範圍太廣了,真佩服作者去彙總
Vue
- Vue TypeScript Snippets:
vue
的ts
程式碼片段 - VueHelper:
vue2,router,vuex
的程式碼提示,涵蓋了大部分的API - vetur:語法高亮及智慧提示
React
- React-Native/React/Redux snippets for es6/es7:這個是比較重量級的外掛,而且作者更新很勤快
- Typescript React/Redux Snippets:
ts
語法的react
程式碼片段
nginx
nginx非常適合做前端的服務層,好處太多,反向代理避免跨域,負載均衡
- nginx.conf:高亮
nginx
的配置檔案,可能以後的版本會引入.conf
的語法高亮而不需要安裝此外掛 - nginx.conf hint:
nginx
配置檔案的智慧提示和補全,好不好用你說了算
Theme
有兩個推薦的主題,我個人覺得很耐看的
- bluloco-dark: 顏色很對我眼
- One Dark Pro: Atom主題的
vscode
版本,作者做了一些調整
總結
希望該篇文章可以幫到一些小夥伴節省時間,加快開發。