使用 SublimeText3 在 Ecmascript 6 Javascript(ReactJS 开发)中检查
Linting in a Ecmascript 6 Javascript (ReactJS development) with SublimeText3
今天,我第一次开始作为 ReactJS 应用程序的开发人员工作。
但是,由于我无法让 SublimeText3 正确识别此应用程序代码中的所有 es6 语法和 JSX,我什至无法开始工作。
我正在尝试做的一些相关参数:
- javascript 文件扩展名都是 .jsx,所以请记住这一点
- 我正在尝试使用 SublimeLinter-jsxhint,因为 SublimeLinter 是我最喜欢的 linter。
到目前为止我已经尝试了什么....
- 已安装 SublimeLinter-jsxhint
- 按照 SublimeLinter-jsxhint 说明全局安装 jsxhint
npm install -g jsxhint
- 已安装 'Babel' 包,也称为 babel-sublime
- 重新启动我的电脑和 Sublime
根据 SublimeLinter-jsxhint 文档,这是 linter 工作所需的所有步骤....但是我的代码中到处都是错误,仅使用 ES6 语法。
进一步研究后
这一步看起来我可能搞砸了:
Linter configuration
In order for jsxhint
to be executed by SublimeLinter, you must ensure that its path is available to SublimeLinter. Before going any further, please read and follow the steps in “Finding a linter executable” through “Validating your PATH” in the documentation.
Once jsxhint
is installed and configured, you can proceed to install the SublimeLinter-jsxhint plugin if it is not yet installed.
所以可能 jsxhint
不能被 SublimeLinter 执行,因为它的路径对 SublimeLinter 不可用。
我该如何解决这个问题?
感谢您的帮助。
以下步骤适用于 Windows:
- 全局安装你的 linter:
npm install -g jsxhint
(或 ESLint;我个人使用 ESLint,但我从未使用过 JSXHint,所以我不能说哪个更好)。
- 检查 NPM 安装全局包的位置:
npm root -g
;默认值应该是 C:\Users\you\AppData\Roaming\npm\node_modules
- 检查父路径 (
C:\Users\you\AppData\Roaming\npm
)。你应该在那里 jsxhint.cmd
。
- 将
C:\Users\you\AppData\Roaming\npm
添加到您的 PATH 变量。
- 您现在应该可以在控制台中输入
jsxhint
,它会被识别。这也应该意味着 SublimeLinter 可以访问。
今天,我第一次开始作为 ReactJS 应用程序的开发人员工作。
但是,由于我无法让 SublimeText3 正确识别此应用程序代码中的所有 es6 语法和 JSX,我什至无法开始工作。
我正在尝试做的一些相关参数:
- javascript 文件扩展名都是 .jsx,所以请记住这一点
- 我正在尝试使用 SublimeLinter-jsxhint,因为 SublimeLinter 是我最喜欢的 linter。
到目前为止我已经尝试了什么....
- 已安装 SublimeLinter-jsxhint
- 按照 SublimeLinter-jsxhint 说明全局安装 jsxhint
npm install -g jsxhint
- 已安装 'Babel' 包,也称为 babel-sublime
- 重新启动我的电脑和 Sublime
根据 SublimeLinter-jsxhint 文档,这是 linter 工作所需的所有步骤....但是我的代码中到处都是错误,仅使用 ES6 语法。
进一步研究后
这一步看起来我可能搞砸了:
Linter configuration
In order for
jsxhint
to be executed by SublimeLinter, you must ensure that its path is available to SublimeLinter. Before going any further, please read and follow the steps in “Finding a linter executable” through “Validating your PATH” in the documentation.Once
jsxhint
is installed and configured, you can proceed to install the SublimeLinter-jsxhint plugin if it is not yet installed.
所以可能 jsxhint
不能被 SublimeLinter 执行,因为它的路径对 SublimeLinter 不可用。
我该如何解决这个问题?
感谢您的帮助。
以下步骤适用于 Windows:
- 全局安装你的 linter:
npm install -g jsxhint
(或 ESLint;我个人使用 ESLint,但我从未使用过 JSXHint,所以我不能说哪个更好)。 - 检查 NPM 安装全局包的位置:
npm root -g
;默认值应该是C:\Users\you\AppData\Roaming\npm\node_modules
- 检查父路径 (
C:\Users\you\AppData\Roaming\npm
)。你应该在那里jsxhint.cmd
。 - 将
C:\Users\you\AppData\Roaming\npm
添加到您的 PATH 变量。 - 您现在应该可以在控制台中输入
jsxhint
,它会被识别。这也应该意味着 SublimeLinter 可以访问。