《Vue 学习笔记 之 代码格式配置》

Vue 学习笔记 之 代码格式化配置

问题引入

• 当我们在写项目的时候，保存之后 ESLint 就会进行语法校验，它可以规范化我们的代码，如果我们的代码不符合它的规范，就报语法错误
• 此时就可以通过配置文件进行代码格式化

实际操作

在项目的根路径，新建一个 以 .prettierrc 为后缀的文件 ，编写代码:

{
    "semi": false,    // 是否使用分号
    "singleQuote": true    // 是否使用单引号
    "bracketSpacing": true  // 是否在对象或数组格式化添加两端的空格 eg: { age: 18 }
    "tabWidth": 4    // tab缩进大小,默认为2
    "TrailingCooma": "all"   // 行尾逗号,默认none,可选 none|es5|all
}

代码格式工具之一：.editorconfig 文件的使用

# 停止查找.editorconfig文件
root = true
[*.{js,jsx,ts,tsx,vue}]
# 设置文件字符集为utf-8
charset = utf-8
# 缩进风格
# indent_style = space
# indent_size = 4
# 或 使用如下设置
indent_style = tab
trim_trailing_whitespace = true
# 对于所有的文件  始终在文件末尾插入一个新行
insert_final_newline = true