使用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. 已安装＆＃39; Babel＆＃39;包，也称为babel-sublime
4. 重新启动了我的电脑和Sublime

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

更多研究后

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

  

Linter配置

     

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

     

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

所以SublimeLinter可能无法执行jsxhint，因为它的路径对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可以访问。