项目基建（五）ESlint+Stylelint+Prettier

代码规范检查和格式化

介绍

• ESLint：检查 JavaScript 代码错误和风格的工具，用于项目中的代码规范检查和格式化
• Stylelint：检查 CSS 代码风格和错误的工具
• Prettier：代码格式化工具，用于项目保存代码时自动格式化

ESLint安装

https://juejin.cn/post/7028395057455562759

https://juejin.cn/post/7022140705950662693?searchId=20240402180642B02E57F8C1F9F2050EA4

https://juejin.cn/post/7200288950195011644

在 npmjs.com 搜索 "eslint-config" 使用别人创建好的配置，使用方式：引入对应的依赖

代码规范和自动格式化

Stylelint安装

安装依赖

yarn add stylelint stylelint-config-standard stylelint-config-standard-scss stylelint-config-recess-order stylelint-config-prettier -D

新建文件 .stylelintrc.js

// extends 继承依赖

https://juejin.cn/post/6940127032932040735?searchId=20240402180642B02E57F8C1F9F2050EA4

https://juejin.cn/post/6876367482412597262?searchId=20240402180642B02E57F8C1F9F2050EA4

Prettier安装

https://juejin.cn/post/6952842182252298248

配置 sass/less/unocss

yarn add sass -D