报错原因:
因为我们创建vue项目时开启了Eslint并且安装了 ESLint + Prettier 插件,所以我们在写代码的时候页面会出现 Delete `␍`报红错误
解决方案:
npm run lint --fix
Eslint解析:
ESLint是一个静态代码分析工具,可以帮助开发者检查代码中的语法错误、代码风格、潜在的错误等问题。ESLint通过插件的方式提供了丰富的语法检查和代码风格规则,可以根据需要进行自定义配置。 Standard config和Prettier都是ESLint的插件,用于提供代码风格的规范。两者的区别如下:
- Standard config:是一套相对严格的代码风格规范,主张使用双引号、分号等符号,拒绝使用eval、with等语句,强制使用严格模式等。Standard config的优点是规范明确,能够有效地提高代码质量和可维护性,但缺点是相对死板,不够灵活。
- Prettier:是一款基于格式化的代码风格工具,主张使用单引号、不使用分号等符号,通过自动格式化代码来保证代码风格的一致性。Prettier的优点是简单易用,能够自动帮助开发者格式化代码,提高开发效率,但缺点是可能会与其他代码风格规范产生冲突。 综上所述,ESLint + Standard config适合对代码风格要求较高、追求规范化的项目,ESLint + Prettier适合对代码风格要求相对宽松、追求高效开发的项目。