eslint prettier 配置
要在项目中使用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的共存使用环境。
评论已关闭