如何配置LunarVim使用prettier-eslint处理JavaScript文件

直接按以下步骤操作即可：

• 第一步：安装项目依赖
  进入你的JS项目根目录，执行命令安装格式化所需的依赖：
  npm install -D prettier eslint prettier-eslint prettier-eslint-cli
  优先选择项目本地安装（不加-g参数），可以适配不同项目的eslint、prettier版本，避免规则不兼容。如果需要全局通用可以加-g参数全局安装。
  注意必须安装prettier-eslint-cli，否则编辑器无法调用命令执行格式化，仅安装prettier-eslint本体无法生效。

• 第二步：写入LunarVim配置
  打开LunarVim用户配置文件，默认路径为~/.config/lvim/config.lua，添加以下配置内容：

  local formatters = require "lvim.lsp.null-ls.formatters"
  formatters.setup {
    {
      name = "prettier_eslint",
      filetypes = {
        "javascript",
        "javascriptreact",
        "typescript",
        "typescriptreact",
        "vue",
        "css",
        "scss",
        "less",
        "html"
      },
      -- 本地安装依赖保留这行，全局安装可以删掉
      extra_args = { "--local-only" }
    }
    -- 如果你之前配置过prettier、eslint_d等其他JS/TS格式化工具，删掉对应的配置项，避免多格式化器冲突
  }
  

• 第三步（可选）：开启保存自动格式化
  如果需要在保存文件时自动执行格式化，在config.lua中追加以下配置：

  lvim.format_on_save.enabled = true
  -- 指定触发自动格式化的文件类型，不会影响其他类型文件
  lvim.format_on_save.pattern = { "*.js", "*.jsx", "*.ts", "*.tsx", "*.vue", "*.css", "*.scss", "*.html" }
  

• 第四步：验证生效
  重启LunarVim后打开任意JS文件，执行:LvimFormat命令，能正常按照项目eslint+prettier规则格式化就说明配置成功。如果出现报错，执行:checkhealth lvim查看依赖识别情况，确认所有npm包安装路径正确即可。

配置生效后，prettier-eslint会自动读取项目根目录下的.eslintrc、.prettierrc等规则配置文件，不需要额外在编辑器中指定规则路径，优先遵循项目本地的代码规范。

内容的提问来源于stack exchange，提问作者Fabiano Taioli