Mac eslint --init安装报错_command not found: eslint-CSDN博客

本文链接：https://blog.csdn.net/sinat_41657240/article/details/117296300

在Mac上执行eslint --init时遇到command not found错误。原因是npm全局路径更改导致。解决方法是通过.npm-global/bin/eslint --init进行初始化，并按照提示选择配置。在VSCode中设置自动应用eslint格式化，项目中需包含与全局一致的.eslintrc.json文件，并安装VSCode的eslint插件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为了规范开发，安装eslint

npm install -g eslint
eslint --init

在eslint --init时会报错 command not found: eslint，由于我之前每次全局安装都要加sudo的最高权限才能安装，然后我就改变npm的默认路径，变成.npm-global，所以不能在使用eslint --init的方法初始化eslint。
解决办法

npm install -g eslint
.npm-global/bin/eslint --init command //.npm-global这是你的安装包名，有可能是./node_modules

![](https://img-blog.csdnimg.cn/20210526164150563.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzQxNjU3MjQw,size_16,color_FFFFFF,t_70
输入.npm-global/bin/eslint --init command后会有配置问题，回答问题：
To check syntax, find problems, and enforce code style
JavaScript modules (import/export)
Vue.js
No
Node
Answer questions about your style
JSON
Tabs
Single
Windows
Yes
在根目录会有个 .eslintrc.json

vscode保存自动安装eslint格式化，在首选项->设置->在setting.json中编辑然后将下面代码复制进去（这里放自己的配置，这是我的个人配置）

    "editor.tabSize": 2,
    "eslint.autoFixOnSave": true, // 每次保存的时候将代码按eslint格式进行修复
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格
    "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
    "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned" //属性强制折行对齐
        }
    },
    "eslint.validate": [ //开启对.vue文件中错误的检查
        "javascript",
        "javascriptreact",
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/dist": true
    },
    "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },