要在项目中使用ESLint和Prettier,你需要做以下几步:
- 安装必要的包:
npm install --save-dev eslint eslint-plugin-prettier prettier- 创建
.eslintrc.js或.eslintrc.json文件,并添加以下配置:
{
"plugins": ["prettier"],
"rules": {
"prettier/prettier": "error"
}
}- 在项目根目录下创建
.prettierrc文件,并添加Prettier的配置(如果有特定需求):
{
"singleQuote": true,
"trailingComma": "es5",
"printWidth": 80,
"tabWidth": 2,
"semi": true,
"useTabs": false
}- 确保你的编辑器或IDE支持Prettier,或者你可以在命令行中运行
npx prettier --write .来格式化你的代码。 - 如果你使用的是VSCode,可以安装Prettier - Code formatter扩展,并在设置中配置保存时自动格式化:
{
"editor.formatOnSave": true
}这样就配置好了ESLint与Prettier的共存使用环境。