能否配置Prettier自动移除项目中未使用的imports？

Prettier 本身不支持自动移除未使用imports，也无法通过加载ESLint插件的方式扩展出这类功能。

Prettier的定位是纯代码风格格式化工具，从设计层面就不介入代码语义、逻辑相关的检查和修改，官方明确拒绝加入未使用变量/import清理、代码质量校验这类非格式化类功能，所以你在官方文档里找不到相关配置说明是正常情况。

Prettier的插件机制仅支持扩展新语法的格式化规则、调整特定语法的排版逻辑，不支持对代码做语义层面的增删改动，也没有兼容ESLint插件的设计，不存在给Prettier装ESLint插件实现需求的可行路径。

全项目自动移除未使用import的落地方案 #

和你现有Prettier配置完全兼容的标准实现方式是搭配ESLint做代码质量检查+自动修复，针对Expo React Native项目的操作步骤如下：

• 安装依赖
  在项目根目录执行命令安装所需包：npx expo install eslint eslint-plugin-unused-imports eslint-config-prettier
• 配置ESLint规则
  根目录新建（或修改已有）.eslintrc.js配置文件，核心是开启未使用import自动移除规则，同时通过eslint-config-prettier屏蔽和Prettier冲突的格式类规则，参考配置：

  module.exports = {
    extends: ["expo", "prettier"],
    plugins: ["unused-imports"],
    rules: {
      "unused-imports/no-unused-imports": "error",
      // 可选配置：自动移除未使用变量，忽略下划线开头的变量/参数
      "unused-imports/no-unused-vars": [
        "warn",
        {
          vars: "all",
          varsIgnorePattern: "^_",
          args: "after-used",
          argsIgnorePattern: "^_"
        }
      ]
    }
  }
  

• 配置全项目修复命令
  在项目package.json的scripts字段中添加执行脚本：

  {
    "scripts": {
      "fix:unused-imports": "eslint . --ext .js,.jsx,.ts,.tsx --fix"
    }
  }
  

  后续需要全项目清理时，直接执行npm run fix:unused-imports（或对应包管理器的run命令），即可自动扫描所有业务组件文件，删除全部未引用的import语句。
• 可选效率优化
  如果你使用VS Code作为开发工具，可以安装ESLint扩展，在工作区设置中开启保存时自动修复的代码动作，日常开发保存文件时就会自动清理无用import，不需要手动执行命令。

注意：不要混用Prettier和ESLint的职责，Prettier只管代码排版格式，ESLint负责代码质量检查和这类语义化的自动修复，二者搭配是前端/React Native项目的通用工程化方案，不会产生冲突。

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