vue文件格式化

1.vue文件格式化需要安装以下插件:

  • ESLint
  • Prettier
  • Vetur

2.添加.prettierrc文件:

{
  "semi": false, //格式化时不加分号
  "singleQuote": true, //用单引号替换双引号
  "prettier.spaceBeforeFunctionParen": true, //让函数(名)和后面的括号之间加个空格
  "trailingComma": "none" //对象后面默认添加逗号
}

3.eslintrc.js添加以下规则:

"space-before-function-paren": 0

4.保存时按ESLint自动格式化:
进入首选项》设置》文本编辑器》Code Actions On Save,在setting.json文件中配置

{
    "[vue]": {
        "editor.codeActionsOnSave": {
            "source.fixAll.eslint": true,
            "eslint.autoFixOnSave" : true,
        }
    }
}

5.关闭ESLint语法校验:
在vue.config.js中关闭LintOnSave

lintOnSave: false,

版权声明:本文为qq_35601066原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。