React 新项目

使用git bash 创建一个新项目

建议一开始就创建TS项目 原因在Webpack中改配置麻烦

编译方法:ts compiler 另一种 bable 最好都配置


$ create-react-app cloundmusic --template typescript

早期react项目 yarn 居多 目前npm包管理居多 目前pnpm不通用

icon· 在public文件夹中 标题在public/文件下

craco.config.ts 中配置路径别名

法一:eject暴露webpack配置 但复杂

法二:使用 craco create-react-app config

webpack集成ts 额外的代码规范

edit config

prettier编辑器进行格式化

eslint代码检测

vue会自动配置,react自己配

目录结构划分

相关推荐
烬头88211 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
pas1361 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠1 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
珑墨2 小时前
【Turbo】使用介绍
前端
军军君013 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
xiaoqi9223 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
打小就很皮...4 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
qq_177767374 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
wuhen_n4 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon4 小时前
理解vue中的ref
前端·javascript·vue.js