格式化文档我用的是Vetur的默认规则,然后格式化文档时会把单引号改成双引号,修改方式如下:
方法一
根目录下新建.prettierrc.json
文件,内容为
{ "singleQuote": true, "semi": false, }
格式化代码后,默认就是单引号,去除末尾分号。
同时.eslintrc.js
文件里面的配置也要是
'semi': [2, 'never']
如果格式化想带上引号,把semi
改为true
,同时eslint配置
never
改成always
,不然会引起冲突。
附上其他同学的.prettierrc.json
常用配置说明
{
// tab缩进大小,默认为2
"tabWidth": 4,
// 使用tab缩进,默认false
"useTabs": false,
// 使用分号, 默认true
"semi": false,
// 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
"singleQuote": false,
// 行尾逗号,默认none,可选 none|es5|all
// es5 包括es5中的数组、对象
// all 包括函数对象等所有可选
"TrailingCooma": "all",
// 对象中的空格 默认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": "avoid"
}
方法二
打开settings.json文件,在文件/首选项/设置/里面可以找到。里面添加一条配置:
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true
}
},
这样也是可以起到同样效果。