Nuxt3 实战 (二):配置 Eslint、Prettierrc、Husky等项目提交规范

本文介绍了如何在项目中整合ESLint、Prettier、stylelint、Husky和Lint-staged等工具进行代码格式化和规范检查,以及如何配置它们以提高开发效率和代码一致性。
摘要由CSDN通过智能技术生成

“source.fixAll.eslint”: true
}
}


4. 效果  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/7c4d3c1302e94604a3413581159a644f.png#pic_center)


由于 `ESLint` 已经配置了代码格式化,所以没有必要使用 `Prettier` 来重复这个功能。要格式化代码,你可以运行 `yarn lint --fix`、`pnpm lint --fix` 或 `bun run lint --fix`,或者参考 `ESLint` 部分中的 `IDE` 设置。  
 如果你的编辑器中安装了 `Prettier`,请在项目中工作时禁用它,以避免冲突。


注意:[我们正在讨论]( )在将来启用 `Prettier`。


### 配置 Stylelint


1. 执行安装命令



pnpm add stylelint @nuxtjs/stylelint-module stylelint-config-standard stylelint-order stylelint-config-recommended-vue -D


2. 配置 `nuxt.config.ts`:



modules: [
// Simple usage
‘@nuxtjs/stylelint-module’,

// With options
[‘@nuxtjs/stylelint-module’, { /* module options */ }]
]


3. 新增 `.stylelintrc.cjs` 文件,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值