VS Code 折騰記 - (8) 新一波實用插件推薦(前端)|NG2+|TS2|Vue|React|Node|版本控制|主題

前言

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ā)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容