vscode 打开多层子目录均有 eslint 和 prettier 包的文件夹时的加载优先级

1,224 阅读1分钟

  因为公司里的项目往往包含前端代码和 node 代码,分成 2 个文件夹,但是都是同一个 git 项目,配置 prettier 和 eslint 的时候花了很多时间,有一点关于加载优先级的疑惑,多次试验得出了一点经验。

  假设打开目录结构为:

|-a
  |- package.json
|-b
  |- package.json
|- package.json
  1. vscode 的 prettier 插件永远只会查找最外层目录有没有 node_modules/prettier/index.js,如果最外层没有,那么 vscode 输出面板就会报错(不过不影响 vscode 格式化功能):

vscode 插件 prettier 找不到 npm 包的报错

  1. eslint 插件会看当前打开哪里的文件,找node_modules/eslint/lib/api.js,同级目录没有就往上一层目录查找,如果一直找不到,不会报错,也不会起校验作用。其配置文件.eslintrc.js也是同理,配置文件和node_modules/eslint/lib/api.js可以不是同一个目录,配置文件如果没写root: true,也会继续往上查找,配置功能会合并。

  另外,如果配置了提交校验(无论配置在内层 package.json 还是外层),使用的命令是与 git 目录同级的 prettier/eslint 命令。


  如有错漏之处,欢迎批评指正!