解决vs code中js文件 格式化时会自动加分号和双引号问题
王递杰 2021年7月12日 前端学习
问题:
在vue开发中,.vue文件保存自动格式化的时候没有问题,也不报语法错误。但是.js文件保存自动格式化的时候,会自动把单引号变成双引号,末尾加分号
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按"prettier"格式进行格式化
"vetur.format.defaultFormatter.js": "vscode-typescript", //"prettier",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
// #vue组件中html代码格式化样式
//[auto|force|force-aligned|force-expand-multiline]
"wrap_attributes": "force-aligned", //也可以设置为“auto”,效果会不一样 force-aligned
"wrap_line_length": 200,
"end_with_newline": false,
"semi": false,
"singleQuote": true
},
"prettier": {
"semi": false, //末尾设置分号
"singleQuote": true, // 双引号变成单引号
//禁止随时添加逗号,这个很重要。找了好久
"trailingComma": "none"
}
},
网上查了很多也没有找到问题,最后发现是下面设置的问题
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
因为最初用的是prettier进行的格式化,后来改成了vscode-typescript,导致下面的[javascript]没有改,因此改成vscode.typescript-language-features就好了
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
}
评论
暂无评论
随笔分类
Powered by .NET 6.0 陕ICP备2020018176号-4