vue项目prettier配置

prettier是一个前端代码格式化的工具。可以自定义代码规范，规范项目的代码格式。主要步骤：

1.安装插件Prettier - Code formatter。

2.在根目录添加prettier.config.js或者.prettierrc.js文件。

3.文件里面添加相关配置。

module.exports = {
    printWidth: 200, // 每行代码长度（默认80）
    tabWidth: 4, // 每个tab相当于多少个空格（默认2）
    singleQuote: true, // 使用单引号（默认false）
    semi: true, // 声明结尾使用分号(默认true)
    trailingComma: 'none', // 多行使用拖尾逗号（默认none）
    endOfLine: 'auto'
}

相关配置可参考文章：www.jianshu.com/p/3dd65358c…

快捷键：安装了Prettier后，可使用快捷键Shift+Alt+F格式化页面的代码。