type
status
date
slug
summary
tags
category
icon
password
这里写文章的前言：
一个简单的开头,简述这篇文章讨论的问题、目标、人物、背景是什么？并简述你给出的答案。
可以说说你的故事：阻碍、努力、结果成果，意外与转折。
配置 Prettier
ESLint 脚手架已默认安装，现需配置prettier
1. 安装 eslint ts默认规则补充
提示：@typescript-eslint/eslint-plugin目前版本已到7.1，但脚手架自带的@typescript-eslint/parser版本为6.21.0，因此安装的时候需手动指定版本。之后如果脚手架升级，只需安装对应版本即可
脚手架自带的@typescript-eslint/typescript-estree6.21.0版本不支持typescript高于5.4.0的版本，而项目中的package.json中"typescript": "^5"，即安装typescript5的最新版本，目前typescript最新版本为5.4.2，会不兼容，因此需指定typescript的版本
2. 指定Typescript版本
如果已经安装了，先执行
npm uninstall typescript进行卸载，然后运行npm i typescript@^5.2.2 -D进行安装3. 安装 prettier
4. 修改 .eslintrc.json
5. 新建 .prettierrc
6. 新建 .prettierignore
7. 修改 package.json
重启VSCode，打开src/app/layout.tsx，可以看到报错信息
这是因为在 .prettierrc 中配置了
"singleQuote": true即单引号，而文件中使用的是双引号，所以编辑器提示报错运行
npm run lint，可自动修复上述 eslint(prettier/prettier) 问题📎 参考文章
有关Notion安装或者使用上的问题，欢迎您在底部评论区留言，一起交流~
- 作者:Aurora
- 链接:https://notionext-three.vercel.app/article/prettier
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。