Prettier通用基础配置

Prettier配置

创建.prettierrc.js文件

// .prettierrc.js
module.exports = {
  printWidth: 100, // 单行代码字符数量不能超过 100
  tabWidth: 2, // tab 使用两个空格
  useTabs: false, // 不使用制表符缩进,使用空格缩进
  semi: false, // 不需要分号结束
  // trailingComma: 'none', // 格式化时末尾不添加逗号
  singleQuote: true, // 单引号
  bracketSpacing: true, // 对象左右两侧都需要空格
  htmlWhitespaceSensitivity: 'ignore' // 结束标签>跑到下一行
  // endOfLine: 'auto', // 结尾是 \n \r \n\r auto
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在项目中使用 prettier eslint 插件,你需要进行以下配置步骤: 1. 首先,确保你的项目中已经安装了 prettier 和 eslint。你可以使用以下命令来安装它们: ``` npm install prettier eslint --save-dev ``` 2. 在项目的根目录下创建一个名为 ".eslintrc.js" 的文件,并添加以下内容: ```javascript module.exports = { extends: ['plugin:prettier/recommended'], plugins: ['prettier'], rules: { 'prettier/prettier': 'error', }, }; ``` 这个配置文件使用 "plugin:prettier/recommended" 扩展来启用 prettier 相关的规则,并且将 "prettier/prettier" 规则设置为 "error",这样任何与 prettier 格式不符的代码都会被标记为错误。 3. 创建 ".prettierrc.js" 文件,并在其中定义 prettier配置选项。例如: ```javascript module.exports = { printWidth: 80, tabWidth: 2, useTabs: false, semi: true, singleQuote: true, trailingComma: 'all', bracketSpacing: true, }; ``` 这个示例配置文件设置了一些常见的 prettier 选项,你可以根据需要进行调整。 4. 最后,在项目的根目录下创建一个名为 ".eslintignore" 的文件,并将需要忽略的文件或目录添加到其中。例如: ``` node_modules/ dist/ build/ ``` 这些文件和目录将在运行 eslint 检查时被忽略。 这样,当你运行 eslint 命令时,它将应用 prettier 插件的规则来格式化代码,并且会显示与 prettier 不一致的代码作为错误。你可以通过运行以下命令来检查和修复代码格式问题: ``` npx eslint --fix . ``` 这将自动修复大多数格式问题,使你的代码与 prettier 的规则保持一致。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值