在项目的根目录下创建一个 .prettierrc 文件,写入以下配置:
{
"singleQuote": true,
"jsxSingleQuote": true,
"arrowParens": "avoid",
"trailingComma": "es5"
}
将 VS Code 的设置文件中的 "editor.formatOnSave": true
改为 "editor.formatOnSave": false
,这样 Prettier 就不会在保存时格式化代码。接下来,安装 prettier-eslint
和 eslint-plugin-prettier
:
npm install --save-dev prettier-eslint eslint-plugin-prettier
编辑 .eslintrc.json 文件,添加以下配置:
{
"extends": ["plugin:prettier/recommended"],
"plugins": ["prettier"],
"rules": {
"prettier/prettier": "error"
}
}
最后,将项目中的所有 .js 文件中的 "react"
导入改为 "React"
,并添加以下注释:
/* eslint-disable import/no-unresolved */
/* eslint-disable import/extensions */
import React from 'react';
这样,Prettier 就不会删除 React 导入了。
上一篇:按下按钮(提交)并执行脚本
下一篇:按下标记后显示错误的弹出框和标记