文章目录

• 1. 创建格式化器文件
• 2. vscode配置
• 3. 其他配置参考文档

1. 创建格式化器文件

• 创建格式化器文件

cd vue-demo
# 由于.prettierrc不能写注释，推荐使用 .prettierrc.js
touch .prettierrc.js

• 文件内容

# .prettierrc.js内容
module.exports = {
    //使用tab缩进还是空格缩进，false表示空格缩进；
    useTabs: true,
    //tab是空格的情况下，是几个空格，选择2个；
    tabWidth: 2,
    //当行字符的长度，推荐80，也有人喜欢100或者120；
    printWidth: 80,
    //使用单引号还是双引号，选择true，使用单引号；
    singleQuote: true,
    //在多行输入的尾逗号是否添加，不需要添加设置为 `none`，需要添加设置为 all；
    trailingComma: 'none',
    //语句末尾是否要加分号，默认值true，选择false表示不加；
    semi: false,
    //表示.vue文件中，<script>和<style>标签中的代码缩进两个单元格
    vueIndentScriptAndStyle: true,
};

2. vscode配置

• Vscode安装插件Prettier - Code formatter
• 配置vscode使用.prettierrc.js

• 解决eslint和prettier冲突

# .eslintrc.js rules里添加配置
"rules": {
    "indent":0,
    "space-before-function-paren":0
}

3. 其他配置参考文档

https://www.cnblogs.com/yaopengfei/p/15568730.html