如何使用TypeScript-Support全局安装ESLint?

时间:2019-09-30 11:34:15

标签: eslint typescript-eslint

我想配置我的GLOBAL eslint安装,以在Visual Studio Code中使我的打字稿项目不工作。

因此,我安装了Visual Studio代码扩展“ ESLint”,并使用以下方式安装了ESLint

npm install -g eslint

根据https://www.npmjs.com/package/@typescript-eslint/eslint-plugin,还需要全局安装@typescript-eslint/eslint-plugin,所以我运行了

npm install -g @typescript-eslint/parser @typescript-eslint/eslint-plugin

与ts parse @typescript-eslint/parser一起安装。

接下来,我添加了一个非常简单的.eslintrc文件:

{
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "rules": { }
}

但是,一旦我在项目目录中运行eslint .,我就会得到:

Error: Failed to load parser '@typescript-eslint/parser' declared in '.eslintrc.js': Cannot find module '@typescript-eslint/parser'

接下来,我尝试删除全局安装的解析器并在本地安装,但这都不起作用:现在,我的 global eslint安装程序可以找到我的 local 解析器,但是解析器还需要安装TypeScript,eslint等的 local 安装。不过,我想在全球范围内运行所有程序。

我根本无法正常工作!有人可以帮助我吗?

1 个答案:

答案 0 :(得分:2)

以下是一些建议...

在您的.eslintrc中,您尚未指定'@ typescript-eslint'插件...

  

“插件”:[“ @ typescript-eslint”],

此外,如果您能正常工作,则还需要使用绝对路径指定parserOptions.project&tsconfigRootDir,因为找到tsconfig.json-这样您就可以使用需要类型信息的规则-从全局安装中比较困难。

此外,我认为您需要明确告诉eslint插件使用vsc设置来验证您的TS文件(以及根据需要的js和react等)。...

"eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
],  

但是,我担心整个事情都是不确定的。...请注意,the docs say ...

  

还可以在全局而非本地安装ESLint   (使用npm install eslint --global)。但是,不建议这样做,   并且必须安装您使用的所有插件或可共享配置   不论哪种情况,都本地化。

我在这里指出,不建议全局安装,但此引用似乎与您提到的用于全局安装插件的参考相矛盾。我不确定哪个是对的,因为我不建议以此方式停止设置。希望这会有所帮助。