vue3.2后台管理系统（1）——格式化代码

• 安装格式化插件prettier

注意：引入 prettier 来帮助格式化代码，prettier主要优点是对几乎所有前端的代码都可以优化，比如html、css、scss、jsx、ts等。所以所有的代码风格的校验可以都交给prettier，让它完成代码风格的格式化

• 在vscode的设置中搜索save 勾选设置中的Editor：Format on Save

 

 

•  在vue文件中右键选择'使用...格式化文档'——'配置默认格式化程序'——'Prettier-Code Formatter'

 

 

 

 

 

 

 

 

•  在myproject中创建‘.prettierrc’文件，用于配置prettier

{
    "semi":false, //semi-是否使用；来结尾
    "singleQuote": true, //singleQuote-是否使用单引号
    "trailingComma": "none"  //trailingComma-最后一段话以逗号来结尾
}

• 因为eslint和prettier可能存在冲突，所以在.eslintrc.js中的rules新增两个语句

  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'indent':0,
    'space-before-function-parent':0
  }

 

 

{

    "semi":false, //semi-是否使用；来结尾

    "singleQuote": true, //singleQuote-是否使用单引号

    "trailingComma": "none"  //trailingComma-最后一段话以逗号来结尾

}