解决使用ESLint，出现代码中的双引号、分号不符合规范的报错

问题

   vue-cli 构建的项目默认启用 ESLint 进行代码检测，凡是不符合它规范的就会报错，但是 vscode 代码格式化中的有些规则和 ESLint 规则相反。

1. 按 ESLint 的规则：单引号，末尾没有分号

<script>
export default {
  name: 'HelloWorld',
}
</script>

2. 使用 vscode 的格式化：双引号，末尾带分号

<script>
export default {
  name: "HelloWorld",
};
</script>

报错

解决

   在项目根目录创建 .prettierrc 文件，添加如下配置内容，然后重新启动项目即可

{
  "semi": false,
  "singleQuote": true
}