React和umi搭建项目的操作步骤

​​​​​​一、react脚手架新建项目

(1.1)、命令行

前提:react ES2015,nodejs v8+

npx create-react-app myReactName //2022年v16以下版本 myReactName(自定义项目名)

react中文官网,快速上手:react中文官网

react框架,脚手架命令行:脚手架创建项目命令行

(1.2)、项目目录结构

(1.3)、浏览器运行,端口号3000:

npm start

http://localhost:3000

二、umi脚手架

前提:组件库Atn-design和react框架是捆绑在一起,就像element+Vue2框架,就像element-plus+Vue3框架捆绑在一起。

参考官网:Ant-design官网

**(1.1)、**安装umi

命令行: npx @umijs/create-umi-app 或 yarn create @umijs/umi-app

目录结构:

浏览器运行,端口号3000:yarn start

**(1.2)、**全局安装umi

安装umi: npm install umi -g 或 yarn global add umi

查看umi是否安装成功: umi -v

相关推荐
程序员Xu6 小时前
【LeetCode热题100道笔记】二叉树的右视图
笔记·算法·leetcode
程序员Xu7 小时前
【LeetCode热题100道笔记】二叉搜索树中第 K 小的元素
笔记·算法·leetcode
DKPT7 小时前
JVM中如何调优新生代和老生代?
java·jvm·笔记·学习·spring
lypzcgf10 小时前
Coze源码分析-资源库-删除插件-前端源码-核心组件实现
前端·typescript·前端框架·react·coze·coze插件·智能体平台
我真的是大笨蛋10 小时前
K8S-基础架构
笔记·云原生·容器·kubernetes
程序员Xu13 小时前
【LeetCode热题100道笔记】腐烂的橘子
笔记·算法·leetcode
IT199513 小时前
Wireshark笔记-DHCP两步交互流程与数据解析
网络·笔记·wireshark
ST.J13 小时前
SQL与数据库笔记
数据库·笔记·sql
肥肠可耐的西西公主13 小时前
后端(JDBC)学习笔记(CLASS 1):基础篇(一)
笔记·学习
EndingCoder14 小时前
Electron 性能优化:内存管理和渲染效率
javascript·性能优化·electron·前端框架