原文地址: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大法好!