prettierrc配置

最新推荐文章于 2024-08-28 17:09:27 发布

程序员小易

最新推荐文章于 2024-08-28 17:09:27 发布

阅读量833

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/yshijb/article/details/122086011

版权

vue 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

yarn add prettierrc -D
在根目录下.prettierrc.js文件
module.exports = {
    // 代码结尾是否加分号
    semi: false,
    // 是否使用单引号
    singleQuote: true,
    // 对象大括号内两边是否加空格 { a:0 }
    bracketSpacing: true,
    // 单个参数的箭头函数不加括号 x => x
    arrowParens: 'avoid',
    // 超过多少字符强制换行
    printWidth: 180,
    // 文件换行格式 LF/CRLF
    endOfLine: 'auto',
    // 使用 2 个空格缩进
    tabWidth: 2,
    // 不使用缩进符，而使用空格
    useTabs: false,
    // 对象的 key 仅在必要时用引号
    quoteProps: 'as-needed',
    // jsx 不使用单引号，而使用双引号
    jsxSingleQuote: false,
    // 末尾不需要逗号
    trailingComma: 'none',
    // jsx 标签的反尖括号需要换行
    jsxBracketSameLine: false,
    // 每个文件格式化的范围是文件的全部内容
    rangeStart: 0,
    rangeEnd: Infinity,
    // 不需要写文件开头的 @prettier
    requirePragma: false,
    // 不需要自动在文件开头插入 @prettier
    insertPragma: false,
    // 使用默认的折行标准
    proseWrap: 'preserve',
    // 根据显示样式决定 html 要不要折行
    htmlWhitespaceSensitivity: 'css'
  }
 package.json文件的scripts加入
  "lint:prettier": "prettier --write  \"vite/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\""  
vscode  settings.json加入
"editor.formatOnSave": true,