使用SublimiteText3在Ecmascript 6 Javascript(ReactJS开发)中进行Linting

使用SublimiteText3在Ecmascript 6 Javascript(ReactJS开发)中进行Linting,reactjs,ecmascript-6,sublimetext3,sublimelinter,Reactjs,Ecmascript 6,Sublimetext3,Sublimelinter,今天,我第一次开始在ReactJS应用程序上作为开发人员工作 然而,我甚至在起步时都遇到了困难,因为我无法让SublimiteText3正确识别该应用程序代码中的所有es6语法和JSX 我尝试做的一些相关参数: javascript文件扩展名都是.jsx,所以请记住这一点 我正在尝试使用升华线,因为升华线是我最喜欢的线 到目前为止我所尝试的 已安装升华仪jsxhint 按照Sublimiter jsxhint说明全局安装jsxhintnpm安装-g jsxhint 已安装“Babel”软件包

今天,我第一次开始在ReactJS应用程序上作为开发人员工作

然而,我甚至在起步时都遇到了困难,因为我无法让SublimiteText3正确识别该应用程序代码中的所有es6语法和JSX

我尝试做的一些相关参数:

  • javascript文件扩展名都是.jsx,所以请记住这一点
  • 我正在尝试使用升华线,因为升华线是我最喜欢的线
到目前为止我所尝试的

  • 已安装升华仪jsxhint
  • 按照Sublimiter jsxhint说明全局安装jsxhint
    npm安装-g jsxhint
  • 已安装“Babel”软件包,也称为
  • 重新启动我的电脑,然后升华
  • 根据SublimeLineter jsxhint文档,这是我认为需要的所有步骤,以使过梁工作。。。。但是,使用ES6语法时,我的代码中到处都会抛出错误

    经过更多研究

    我可能会搞砸的步骤是:

    短绒结构

    为了让SubmiEliter执行
    jsxhint
    ,必须确保SubmiEliter可以使用它的路径。在继续之前,请阅读并按照文档中“验证您的路径”中的步骤进行操作

    一旦安装并配置了
    jsxhint
    ,您就可以继续安装Sublimiter jsxhint插件(如果尚未安装)

    因此,sublimeLiner可能无法执行
    jsxhint
    ,因为它的路径对sublimeLiner不可用

    我该怎么做才能解决这个问题


    感谢您的帮助。

    以下步骤在Windows上对我有效:

  • 全局安装您的linter:
    npm安装-g jsxhint
    (或ESLint;我个人使用ESLint,但我从未使用过jsxhint,因此我无法说出哪个更好)
  • 检查NPM安装全局包的位置:
    NPM root-g
    ;默认值应为
    C:\Users\you\AppData\Roaming\npm\node\u modules
  • 检查父路径(
    C:\Users\you\AppData\Roaming\npm
    )。您应该在那里有
    jsxhint.cmd
  • C:\Users\you\AppData\Roaming\npm
    添加到PATH变量中
  • 现在,您应该能够在控制台中键入
    jsxhint
    ,它将被识别。这也意味着SublimeLiner可以访问

  • 我想说的是,大多数使用ESLint进行ES6和JSX的人,这是你探索过的吗?