"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// 配置全局prettier设置,此处基本只针对于js文件,vue文件在下面单独配置
"prettier.useEditorConfig": false, // 此项最重要!!!是否使用prettierrc文件格式化,若为true,则settings.json中的配置在js文件中无效
"prettier.trailingComma": "none",
"prettier.semi": false,
"prettier.singleQuote": true,
"prettier.printWidth": 120,
"prettier.tabWidth": 2,
"prettier.arrowParens": "avoid",
"vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
"vetur.format.defaultFormatter.js": "prettier", //让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned" //属性强制折行对齐
},
// 此处配置只针对于vue文件
"prettier": {
"semi": false,
"singleQuote": true,
"printWidth": 80,
"tabWidth": 2,
"arrowParens": "avoid",
"trailingComma": "none"
}
},
prettier格式化js文件,无需prettierrc文件,只用settings.json就可生效的配置
最新推荐文章于 2024-01-16 22:29:37 发布
本文介绍了如何在Vue项目中使用Prettier配置全局和局部代码格式,重点关注了如何避免不同文件格式冲突,以及如何让Vue.js的js部分遵循特定的美化规则。
部署运行你感兴趣的模型镜像
您可能感兴趣的与本文相关的镜像
Qwen-Image
图片生成
Qwen
Qwen-Image是阿里云通义千问团队于2025年8月发布的亿参数图像生成基础模型,其最大亮点是强大的复杂文本渲染和精确图像编辑能力,能够生成包含多行、段落级中英文文本的高保真图像
497

被折叠的 条评论
为什么被折叠?



