使用 SublimeText3 在 Ecmascript 6 Javascript（ReactJS 开发）中进行 Linting

Question

今天，我第一次开始担任 ReactJS 应用程序的开发人员。

但是，我什至无法启动，因为我无法让 SublimeText3 正确识别此应用程序代码中的所有 es6 语法和 JSX。

我正在尝试做的一些相关参数：

• javascript 文件扩展名都是 .jsx，因此请记住这一点
• 我正在尝试使用 SublimeLinter-jsxhint，因为 SublimeLinter 是我最喜欢的 linter。

到目前为止我已经尝试过什么......

1. 已安装 SublimeLinter-jsxhint
2. 按照 SublimeLinter-jsxhint 说明全局安装 jsxhint npm install -g jsxhint
3. 已安装“Babel”包，也称为babel-sublime
4. 重新启动我的电脑和 Sublime

根据 SublimeLinter-jsxhint 文档，这是我应该让 linter 工作所需的所有步骤....但是使用 ES6 语法在我的代码中抛出错误。

经过更多研究

看起来我可能搞砸的步骤是：

Linter 配置

为了让 SublimeLinter 执行 jsxhint，你必须确保它的路径对 SublimeLinter 可用。在继续之前，请阅读并按照文档中的“验证您的路径”​​中的“Finding a linter executable” 中的步骤进行操作。

安装并配置jsxhint 后，如果尚未安装 SublimeLinter-jsxhint 插件，您可以继续安装它。

所以可能jsxhint 不能被 SublimeLinter 执行，因为它的路径对 SublimeLinter 不可用。

我应该如何解决这个问题？

感谢您的帮助。

Answer 1

以下步骤适用于 Windows：

1. 全局安装您的 linter：npm install -g jsxhint（或 ESLint；我个人使用 ESLint，但我从未使用过 JSXHint，所以我无法确定哪个更好）。
2. 检查 NPM 安装全局包的位置：npm root -g；默认应该是C:\Users\you\AppData\Roaming\npm\node_modules
3. 检查父路径 (C:\Users\you\AppData\Roaming\npm)。你应该在那里有jsxhint.cmd。
4. 将C:\Users\you\AppData\Roaming\npm 添加到您的PATH 变量中。
5. 您现在应该可以在控制台中输入jsxhint，它会被识别。这也应该意味着 SublimeLinter 可以访问。