主要介绍了vue+ESLint 配置保存 自动格式化代码的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

1. 在.eslintrc.js 添加 vscode 终端启动服务 // 添加⾃定义规则 'prettier/prettier': [ // eslint校验不成功后，error或2则报错，warn或1则警告，off或0则⽆提示 'error', { singleQuote: true, semi: false, //结束是否加分号 printWidth: 160//每行最长字符 } ] 2.打开VS code 文件》首选项》设置》扩展》ESLint》

前言 在vscode的vue项目中，关于代码检查和格式化，遇到各种各样的问题，比如： 不清楚安装的拓展的功能，导致安装了重复功能的拓展 右键格式化文档的时候，不是按eslint的规则来格式化，导致需要我再次手动调整 保存时不能自动修复代码 以下通过自己的实践，进行了相应配置，目前可以实现： 仅安装2个推荐的拓展 右键格式化文档按照eslint规则，不会产生错误 保存时自动修复代码 vscode 拓展安装 eslint 拓展 该拓展本身不带任何插件，当前项目要使用该拓

在终端中运行以下命令: vue create xxx // xxx为项目名称，例如 vue-project 然后，系统会提示我们选择默认预设或手动选择功能。使用向下箭头键，我们手动选择功能，然后按Enter键。 然后，我们将看到一系列功能选项。使用向下箭头键，我们将向下移动并使用空格键选择需要的功能，然后按回车键。 Linter / Formatter 就是代码风格。 我们将使用 ESLint + Prettier 我们将在保存时添加Lint的附加功能。 我们将选择单独的配