vue-cli3 安装prettier进行代码自动格式化

本文主要是介绍vue-cli3 安装prettier进行代码自动格式化，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、安装prettier

npm i --save-dev prettier

2、在文件根目录下新建.prettierrc.js，配置项为：

module.exports = {// 代码结尾是否加分号semi: false,// 是否使用单引号singleQuote: true,// 对象大括号内两边是否加空格 { a:0 }bracketSpacing: true,// 单个参数的箭头函数不加括号 x => xarrowParens: 'avoid',// 超过多少字符强制换行printWidth: 80,// 文件换行格式 LF/CRLFendOfLine: 'auto',// 使用 2 个空格缩进tabWidth: 2,// 不使用缩进符，而使用空格useTabs: false,// 对象的 key 仅在必要时用引号quoteProps: 'as-needed',// jsx 不使用单引号，而使用双引号jsxSingleQuote: false,// 末尾不需要逗号trailingComma: 'none',// jsx 标签的反尖括号需要换行jsxBracketSameLine: false,// 每个文件格式化的范围是文件的全部内容rangeStart: 0,rangeEnd: Infinity,// 不需要写文件开头的 @prettierrequirePragma: false,// 不需要自动在文件开头插入 @prettierinsertPragma: false,// 使用默认的折行标准proseWrap: 'preserve',// 根据显示样式决定 html 要不要折行htmlWhitespaceSensitivity: 'css'
}

3、在package.json中的scripts加入命令 ：

"lint:prettier":"npx prettier --write src/"

这篇关于vue-cli3 安装prettier进行代码自动格式化的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---