1. 在项目根目录下面,新建 .prettierrc.json 文件
2. prettuer 配置
{ "printWidth": 100, "tabWidth": 2, "useTabs": true, "semi": true, "singleQuote": true, "trailingComma": "none", "bracketSpacing": true, "bracketSameLine": true, "arrowParens": "always", "htmlWhitespaceSensitivity": "ignore", "vueIndentScriptAndStyle": false, "endOfLine": "auto", "singleAttributePerLine": false }
3. 保存文件,测试效果。
Tips: 上述 Prettier 配置详解(.json 文件不支持写注释,以下代码仅供参考)
{ "printWidth": 100, //每行最多显示的字符数 "tabWidth": 2,//tab的宽度 2个字符 "useTabs": true,//使用tab代替空格 "semi": true,//结尾使用分号 "singleQuote": true,//使用单引号代替双引号 "trailingComma": "none",//结尾是否添加逗号 "bracketSpacing": true,//对象括号俩边是否用空格隔开 "bracketSameLine": true,;//组件最后的尖括号不另起一行 "arrowParens": "always",//箭头函数参数始终添加括号 "htmlWhitespaceSensitivity": "ignore",//html存在空格是不敏感的 "vueIndentScriptAndStyle": false,//vue 的script和style的内容是否缩进 "endOfLine": "auto",//行结尾形式 mac和linux是\n windows是\r\n "singleAttributePerLine": false //组件或者标签的属性是否控制一行只显示一个属性 }
参考链接:https://blog.csdn.net/weixin_63228975/article/details/131213411
标签:指南,false,prettierrc,配置,json,Prettier,true From: https://www.cnblogs.com/wangcunshuang/p/17547068.html