vs code格式化文档配置,解决单引号改成双引号

格式化文档我用的是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: 
    //          className=""
    //          style={{}}
    //       >
    // true: 
    //          className=""
    //          style={{}} >
    "jsxBracketSameLine": false,
    // 箭头函数参数括号 默认avoid 可选 avoid| always
    // avoid 能省略括号的时候就省略 例如x => x
    // always 总是有括号
    "arrowParens": "avoid"
}

方法二

打开settings.json文件,在文件/首选项/设置/里面可以找到。里面添加一条配置:

"vetur.format.defaultFormatterOptions": {
        "prettier": {
            "semi": false,
            "singleQuote": true
        }
    },

这样也是可以起到同样效果。

你可能感兴趣的:(vs code格式化文档配置,解决单引号改成双引号)