prettier 命令行工具来格式化多个文件
  ltERVYe6WHLK 2023年11月24日 27 0

在项目开发团队中,想要统一大家的代码风格,并且不影响同事原来的编码习惯、所使用的的开发工具,此时就需要通过脚本命令或自动格式化进行处理了。

安装 prettier

安装 prettier:

npm install -g prettier

创建配置文件

.prettierignore

/node_modules/**
/dist/
/dist*
/public/*
/docs/*
/vite.config.ts
/docs/**/*

.prettierrc.cjs

module.exports = {
  printWidth: 100, // 每行代码长度(默认80)
  tabWidth: 2, // 每个tab相当于多少个空格(默认2)ab进行缩进(默认false)
  useTabs: false, // 是否使用tab
  semi: false, // 声明结尾使用分号(默认true)
  vueIndentScriptAndStyle: false,
  singleQuote: true, // 使用单引号(默认false)
  quoteProps: 'as-needed',
  bracketSpacing: true, // 对象字面量的大括号间使用空格(默认true)
  trailingComma: 'none', // 多行使用拖尾逗号(默认none)
  jsxSingleQuote: false,
  // 箭头函数参数括号 默认avoid 可选 avoid| always
  // avoid 能省略括号的时候就省略 例如x => x
  // always 总是有括号
  arrowParens: 'always',
  insertPragma: false,
  requirePragma: false,
  proseWrap: 'never',
  htmlWhitespaceSensitivity: 'strict',
  endOfLine: 'auto',
  rangeStart: 0
}

package.json配置命令

"scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview",
    ...
    "lint:format": "prettier --write --log-level warn \"src/**/*.{js,css,less,scss,vue,html,md}\""
  }

prettier 命令行工具来格式化多个文件

项目架构:prettier 提交检测、全局||自动格式化代码



【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月24日 0

暂无评论

推荐阅读
  wURKzOHw9Irf   2023年12月24日   30   0   0 HTMLicoicohtml
  8l4CZpTOKa7P   2023年12月26日   40   0   0 htmlhtml
  dwHry2iKGG0I   2023年12月26日   31   0   0 githubgithubhtmlhtml
ltERVYe6WHLK