Vscode配置自动保存后Prettier自动格式化代码

1：vscode安装插件Prettier - Code formatter

2：根目录下创建prettier.config.js文件（与package.json同级）

//其他需要用到的自行去查资料啦
module.exports = {
	// 设置prettier单行输出（不折行）的（最大）长度。
	printWidth: 500,

	// tab缩进大小,默认为2
	tabWidth: 4,

	// 使用tab缩进，默认false
	useTabs: true,

	// js句末使用分号, 默认true
	semi: true,

	// 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
	singleQuote: true,

	// 行尾逗号,默认none,可选 none|es5|all
	// es5 包括es5中的数组、对象
	// all 包括函数对象等所有可选
	trailingComma: 'none',

	// 对象中的空格 默认true
	// true: { foo: bar }
	// false: {foo: bar}
	bracketSpacing: true,

	// JSX标签闭合位置 默认false
	// false: <div
	//          className=""
	//          style={{}}
	//       >
	// true: <div
	//          className=""
	//          style={{}} >
	jsxBracketSameLine: false,

	// 箭头函数参数括号 默认avoid 可选 avoid| always
	// avoid 能省略括号的时候就省略 例如x => x
	// always 总是有括号
	arrowParens: 'always',

	proseWrap: 'preserve'
}

3：vscode软件中→文件(F)→首选项→设置

4：在搜索框中输入（设置自动保存文件）：files.autoSave改为onFocusChange

5：在搜索框中输入（设置编辑器默认代码格式化（美化）的插件）：editor.defaultFormatter改为Prettier-Code formatter

6：在搜索框中输入（设置Prettier插件保存时自动格式化代码）：editor.formatOnSave改为√

7：完毕

8：你也可以在vscode中右键点击：使用...格式化文档→Prettier - Code formatter