当前位置: 首页 > news >正文

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自己配

在这里插入图片描述

目录结构划分

重置CSS

在这里插入图片描述

路由配置 hash路由

http://www.lqws.cn/news/169507.html

相关文章:

  • 环境变量深度解析:从配置到内核的全链路指南
  • Python制作史莱姆桌面宠物!可爱的
  • 风机下引线断点检测算法实现
  • Linux程序运行日志总结
  • 整合swagger,以及Knife4j优化界面
  • 【leetcode】347. 前k个高频元素
  • 动态规划-1035.不相交的线-力扣(LeetCode)
  • 微服务网关SpringCloudGateway+SaToken鉴权
  • Vue3入门指南:从零到精通的快速上手
  • CSS3相关知识点
  • linux——磁盘和文件系统管理
  • [蓝桥杯]植树
  • 强化学习入门:Gym实现CartPole随机智能体
  • 五、Sqoop 增量导入:精通 Append 与 Lastmodified 模式
  • Java详解LeetCode 热题 100(27):LeetCode 21. 合并两个有序链表(Merge Two Sorted Lists)详解
  • 世事无常,比较复杂,人可以简单一点
  • 基于大模型的原发性醛固酮增多症全流程预测与诊疗方案研究
  • 45、web实验-抽取公共页面
  • Java中的阻塞队列
  • c++ chrono头文件含义
  • float、double 这类 浮点数 相比,DECIMAL 是另一种完全不同的数值类型
  • java32
  • GO协程(Goroutine)问题总结
  • SpringCloud——OpenFeign
  • 6.5本日总结
  • 时序预测模型测试总结
  • 汇编语言综合程序设计:子程序、分支与循环深度解析
  • 【大模型:知识库管理】--开源工具Ragflow介绍+本地搭建
  • I2C通信讲解
  • Linux 下生成动态库时 -fPIC的作用详解