前言
VSCode大法好啊,平均一個月更新一個小版本,每次都可以直觀的看到優(yōu)化的地方和特性。
距離上次的文章已經(jīng)過去了兩個多月了。這期間我又搜羅了一波比較實用的插件推薦;
插件集
版本及文件管理
Better Merge: 用來解決文件沖突的不二利器,經(jīng)過多個版本的更新,穩(wěn)定很多。。推薦
Folder Indexing: 提高文件的索引速度[常駐于內(nèi)存中],這對于項目比較大的小伙伴必須安裝啊
Git Indicators: 類似github上的統(tǒng)計提交代碼增減條目,在狀態(tài)欄顯示,很小巧實用
gitk:有了這個,版本實時比對,這個真心好
Angular 2+ && Typescript 2+
Angular Language Service: 對于用ng2+開發(fā)的小伙伴,這又是一個必備插件,定義跳轉(zhuǎn),補全,信息提示等。。。
JSON to TS:有了這個來聲明和后臺協(xié)商的對接接口簡直不能再方便了【typescript interface】。。。
move-imports: 雖然不能說完美無BUG,但是至少常規(guī)的遷移[js, jsx, ts, tsx]是可以同步改動的,值得安裝
Node
Node.js Modules Intellisense:對于node_module的智能提示太友好了。。。必裝
npm: 可以直接在vscode執(zhí)行npm的一些命令,相當實用。試試就知道了
ExpressSnippet: express的代碼片段,實用推薦
ES6 Mocha Snippets:單元測試Mocha的代碼片段
snippet
TurboJavaScript:相當齊全的js的代碼片段簡寫,熟練了效率高的不是一點兩點
Angular 2+ Snippets - TypeScript, Html, ngRx, Angular Flex Layout & Testing: 這貨的代碼片斷涵蓋范圍太廣了,真佩服作者去匯總
Vue
Vue TypeScript Snippets:我發(fā)現(xiàn)我偏愛ts,vue的ts代碼片段。。作者在最近的vueconf也提出了v2.4將會引入ts來規(guī)范開發(fā)
VueHelper:國人寫的一個針對vue2,router,vuex的代碼提示,涵蓋了大部分的API,投入了很多精力啊,贊一個
vetur:語法高亮及智能提示
React
React-Native/React/Redux snippets for es6/es7:這個是比較重量級的插件,而且作者更新很勤快
Typescript React/Redux Snippets:ts語法的react代碼片段
nginx
nginx非常適合做前端的服務(wù)層,好處太多,反向代理避免跨域,負載均衡
nginx.conf:高亮nginx的配置文件,可能以后的版本會引入.conf的語法高亮而不需要安裝此插件
nginx.conf hint:nginx配置文件的智能提示和補全,好不好用你說了算
Theme
有兩個推薦的主題,我個人覺得很耐看的
bluloco-dark: 顏色很對我眼
One Dark Pro: Atom主題的vscode版本,作者做了一些調(diào)整
總結(jié)
希望該篇文章可以幫到一些小伙伴節(jié)省時間,加快開發(fā)。