使用react開發，大家使用什麼IDE工具？JSX語法報錯？

---

IDE：WebStorm

語法監測相關的 module：

"babel-eslint": "6.0.3",
"eslint": "2.13.1",
"eslint-config-airbnb": "9.0.1",
"eslint-import-resolver-webpack": "^0.3.2",
"eslint-plugin-import": "1.10.2",
"eslint-plugin-jsx-a11y": "1.5.5",
"eslint-plugin-react": "5.2.2",


---

牆裂推薦使用宇宙第一開發利器 ，幫助你提前下班不加班的大牛逼貨——VSCode，理由有以下幾點：

與 Atom 一樣支持多種操作系統

原生支持 Babel + JSX

豐富的 JSX 提示

隨時可以在小窗中查看引用組件的源代碼

豐富的第三方 Snippet 模板

JSX 語法及格式化檢查（依賴 ESLint 插件）

1. VSCode 自帶的格式化基本能滿足需要
2. 推薦 ESLint Airbnb 的配置
3. ESLint 同時集成了 Quick Fix，一些簡單的錯誤可以自動糾錯

多達 82 種第三方插件（截至目前）

---

Atom + React插件

---

webstorm 或者 vscode

---

幾乎所有主流編輯器、IDE 均可以，你需要研究下ESlint

---

webstorm基本上前端需要的插件都有集成

---

vscode痛點十足

---

用習慣了angular4+intellij, 再去找react的IDE, 感覺差了好多, 自動import不支持寫起來好費事

---

• TypeScript

• VS Code

---

什麼都可以，下載相應插件即可

---

推薦閱讀：