vscode常用插件---Prettier - Code formatter

1. 配置 在vscode设置里面的 settings.json文件中 加入以下代码

    "prettier.configPath": "C:\\Users\\Administrator\\.prettierrc",
    // \Administrator
    "eslint.alwaysShowStatus": true,
    "prettier.trailingComma": "none",
    "prettier.semi": false,
    //每行文字个数超出此限制将会被迫换行"prettier.printWidth": 300,
    //使用单引号替换双引号
    "prettier.singleQuote": true,
    "prettier.arrowParens": "avoid",
    //设置.vue 文件中，HTML代码的格式化插件
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // 屏蔽右下角弹窗
    "vetur.ignoreProjectWarning": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "trailingComma": "none",
            "semi": false,
            "singleQuote": true,
            "arrowParens": "avoid",
            "printWidth": 300
        },
        "js-beautify-html": {
            "wrap_attributes": false
        }
    },

  其中 prettier.configPath  是需要根据自己的电脑配置的 

需要在自己的电脑的c盘下面的用户

 

 新建完.prettierrc文件后  在该文件中加上以下代码

{
    "semi": false,
    "singleQuote": true,
    "bracketSpacing": true,
    "trailingComma": none

}