Create React App配置ESLint与Prettier(无TypeScript)
create-react-app 的项目起手式,配置好 ESLint 和 Prettier,还特地没加 TypeScript,适合喜欢 JavaScript 纯净一点的同学。脚手架用的是create-react-app
,基本跑通就是yarn start
、yarn build
那一套,挺熟悉的套路。
预设好的ESLint
和Prettier
配置,省了你对着一堆规则选来选去的麻烦。保存代码的时候自动格式化,控制台也有实时提示,开发体验蛮顺的。
没加TypeScript
,对有些人来说是简化了多东西,尤其做小项目或者原型时,不想类型那一堆烦事。嗯,写起来轻松点,调试也直觉点。
有个小提醒:如果你打算做定制化的 Webpack 配置,记得yarn eject
之后就不能回头了。不过一般开发阶段不用动,默认配置其实已经挺够用了。
如果你想进一步了解create-react-app
或者对ESLint
/Prettier
组合感兴趣,下面这几篇文章可以看看:
- 使用 create-react-app 入门 React
- ESLint 配置扩展:Prettier、Airbnb、React 和 TypeScript
- realworld-react-Create-React-App-入门
如果你刚好不想用 TypeScript,又想保持代码风格统一、格式自动化,那这个模板还蛮适合你,可以直接拉下来试试。
380.77KB
文件大小:
评论区