当前位置: 首页 > Web前端 > HTML

ReactHooks项目初始化和配置

时间:2023-03-28 12:20:51 HTML

1.创建ReactAppnpxcreate-react-appxxx--templatetypescript![image.png](/img/bVcZUJ1)需要机器上指定的版本号才能解决:npxcreate-react-app@5.0.1xxx--templatetypescript2.Configureeslintprettier&&commitlintspecificationproject1.相对文件路径的问题在ts.config.json中配置baseUrl指定前缀2.代码格式prettier==>不同编辑器统一代码风格##https://www.更漂亮。cn/docs//install.htmlyarnadd--dev--exactprettierecho{}>.prettierrc.json##create.prettierignore##pre-commitHooknpxmrmlint-staged//每次提交前自动prettier##package.json中添加ts和tsx的自动格式化```"lint-staged":{"*.{js,css,md,ts,tsx}":"prettier--write"}```##冲突在eslint和prettieryarn之间添加eslint-config-prettier-D##在package.json中添加:```"eslintConfig":{"extends":["react-app","react-app/jest","prettier"//当与eslint发生冲突时,接管eslint的配置]},```让prettier中的一些功能替换掉eslint的功能,保证不冲突3.git提交规范##commit消息符合规范yarnadd-D@commitlint/config-conventional@commitlint/cli##配置github参考或官网##https://commitlint.js.org/#/npxhuskyadd.husky/commit-msg"yarncommitlint--edit$1"

猜你喜欢