react開發vscode插件推薦


原文地址:https://github.com/xieqingtian/blog/issues/2

由於本人主要是做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大法好!

我自己日常開發中使用的擴展


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM