安装prettier相关插件
prettier-code formatter, prettier eslint
配置vscode的格式化工具为prettier
image.png
在项目根目录下创建.prettierrc.json配置文件
{
"semi": false, //末尾无分号
"printWidth": 200, //一行的字符数，如果超过会进行换行，默认为80
"tabWidth": 2, // 缩进长度
"singleQuote": true, // 默认单引号 ，false 默认使用双引号
"htmlWhitespaceSensitivity": "ignore", // 问题1中的设置
"endOfLine": "auto", // 避免报错delete (cr)的错
"jsxBracketSameLine": false, // 在jsx中把'>' 单独放一行
}
其他问题
如果配置完成后, 感觉配置未生效, 重启下vscode即可
