关于 Vue2 .prettier 配置项

2023-11-16 13:45:22

前言

使用 vue-cli 创建 vue 项目的时候，会出现是否需要安装 eslint 插件的提示。

eslint，是一个语法检测工具，我们可以使用 prettier插件，实现自动格式化，得到一个符合 eslint 规则的文件，免去了手动格式化这一繁琐流程。

配置

需要在开发工具中安装 eslint 和 prettier 插件。右键选择格式化文档的方式… - 选择 “Prettier - Code formatter”

在 vue 2 项目根目录中，创建一个名字为 .prettier 的文件，文件内容可以参考如下：

{
  "printWidth": 120,
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true,
  "trailingComma": "none",
  "vueIndentScriptAndStyle": true
}

保存文件便会自动格式化当前编辑的 vue 项目。

最后，如果您有更好的方法，欢迎在留言区中分享；或者实际操作中遇到什么问题均可留言或者私信我，感谢您的观看！