react開發vscode插件推薦

react開發vscode插件推薦

原文地址：https://github.com/xieqingtia...

因爲本人主要是作react開發，用的代碼編輯器是傳說中的宇宙第一前端神器vscode, 因此在這裏記錄並推薦一些本人開發過程當中經常使用的一些vscode插件幫助開發。

1. 代碼提示類插件

1.1 Reactjs code snippets

1.2 React Redux ES6 Snippets

1.3 React-Native/React/Redux snippets for es6/es7

1.4 JavaScript (ES6) code snippets(es6代碼片斷)

1.5 Typescript React code snippets(這是tsx的react組件片斷)

有了上述這些代碼片斷提示插件就能夠大大增長碼代碼的速度了。

2. 美化類插件

2.1 One Dark Pro(atom風格主題)

2.2 vscode-icons(文件圖標)

賞心悅目的界面讓你越敲越有勁。

3. 其餘實用類插件

3.1 Beautify css/sass/scss/less(樣式代碼格式化)

3.2 npm Intellisense(對package.json內中的依賴包的名稱提示)

3.3 Path Intellisense(文件路徑補全)

3.4 cssrem(px轉換爲rem)

3.5 CSS Modules(對使用了css modules的jsx標籤的類名補全和跳轉到定義位置)

以上的插件都安裝好了的話基本就能夠使用vscode愉快地進行react開發了, 我這裏只給出了一些基本經常使用的插件，若是你發現其餘好用的插件請回復我，我將十分感謝。

最後忘了一個插件，不一樣設備上的vscode配置同步

Settings Sync

有了它就不用每次換個開發環境又從新配置一遍vscode了。

最後的最後，我只想說，vscode強無敵，vscode大法好！

我本身平常開發中使用的擴展