Vscode+eslint自动格式化代码

  1. 安装eslint插件

  2. ctrl+shift+p打开Settings,配置:

    editor.codeActionsOnSave{
    	"source.fixAll": true
    }
    
  3. 打开VSCode右下角状态栏ESLint图标,查看 ESLint 的运行状态,确保 ESLint正常运行,配置:

    "eslint.alwaysShowStatus": true
    

    如果不支持,可能是版本不兼容,通过vscode的输出窗口, 切换到扩展宿主可以查看具体报错信息。

  4. .eslintrc.js文件配置:

    // 可以通过`npx eslint --init` 在项目根目录生成一个.eslintrc.js文件再调整
    

    支持的配置文件格式有:

    • .eslintrc.js
    • .eslintrc.yaml
    • .eslintrc.yml
    • .eslintrc.json
    • .eslintrc
    • package.json

    优先级依次降低

你可能感兴趣的:(vscode,vscode)