在vscode上vue保存格式化时存在的问题

Posted 2020-12-19 roxxane

1、单引号变为双引号，然后报错

解决办法：

在vue目录下新建.prettierrc，写入

{
  "semi": false,
  "singleQuote": true
}

2、函数后面没有空格，报错

解决办法：

在vue目录下可以自己新建一个.eslintrc.js

写入：

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [‘plugin:vue/essential‘, ‘@vue/standard‘],
  parserOptions: {
    parser: ‘babel-eslint‘
  },
  rules: {
    indent: [‘off‘, 2],
    ‘no-tabs‘: ‘off‘,
    semi: [0],
    ‘no-mixed-spaces-and-tabs‘: [0],
    singleQuote: 0,
    ‘space-before-function-paren‘: 0, //主要是这一条--------------------------------
    ‘no-unused-vars‘: ‘warn‘, //把该条提示信息转换成警告信息
    ‘no-console‘: process.env.NODE_ENV === ‘production‘ ? ‘warn‘ : ‘off‘,
    ‘no-debugger‘: process.env.NODE_ENV === ‘production‘ ? ‘warn‘ : ‘off‘
  }
}