问题
在vscode安装prettier插件，点击插件齿轮，打开拓展设置，
勾选设置选项后，在项目中使用prettier方式格式化发现没生效，
手动配置settings.json后使用prettier方式格式化，
项目代码没如预期改变，无有效变化
解决办法：
1、项目上必须装上prettier环境，只装环境不新增".prettierrc.js"不生效。
2、项目上必须新增".prettierrc.js"
npm install prettier -D
我的配置：
module.exports = {
// 用Tab缩进而不是空格
useTabs: false,
// 指定每个缩进的空格数
tabWidth: 2,
// 打印宽度指定打印将换行的行长
printWidth: 128,
// 字符串是单引号还是双引号表示，只能选择其中一种，
// true 字符串只能由单引号包围
// false 字符串只能由双引号包围
singleQuote: false,
// 语句是否必须以分号结束，只能选择其一
// true 所有语句均强制以分号结束
// false 所有语句结尾不能加分号结束
semi: false,
// 多行时，尽可能打印尾随逗号。 （例如，一个单行数组永远不会得到尾随的逗号。）
// none - 没有尾随逗号。
// es5 - 在ES5中有效的尾随逗号（object，arrays等）
// all - 尽可能尾随逗号（包括函数参数）。
trailingComma: "none",
// 在对象文字中的括号之间打印空格。
bracketSpacing: false,
// 将多行JSX元素的 > 放在最后一行的末尾，而不是单独放在下一行（不适用于自闭元素）。
jsxBracketSameLine: false,
// Prettier可以限制自己只能格式化文件顶部包含特殊注释的文件
// 建议无格式的代码库转换为漂亮的代码库时，才设置为 true，这非常有用
requirePragma: false,
// 默认情况下，由于某些服务使用了对换行符敏感的呈现器，因此Prettier会按原样包装降价文本
// always - 如果超出了打印宽度，请将散的包好。
// never - 不包散的。
// preserve - 按原样包散的。
proseWrap: "preserve",
// 围绕一个唯一的箭头函数参数包括括号，可选值为 avoid|always
arrowParens: "always",
// 设置换行符为crlf
endOfLine: "crlf",
// 可以将
// <button>按钮</button>
// 格式化成
// <button>
// 按钮
// </button>
// 如果不设置则prettier默认格式化成
// <button
// >按钮
// </button>
// ---或者---
// <button
// >
// 按钮
// </button>
// ---或者---
// <button
// >
// 按钮</button
// >
// ---或者---
// <button>按钮
// </button>
// 等等
htmlWhitespaceSensitivity: "ignore"
}
