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

相关推荐
zhuyixiangyyds4 分钟前
day36图像处理OpenCV
图像处理·笔记·学习
Mr__Miss6 分钟前
JVM学习笔记
jvm·笔记·学习
freexyn16 分钟前
Matlab自学笔记五十一:(推荐)输入参数的数量和可变数量的输入
笔记·算法·matlab
灏瀚星空1 小时前
从单机工具到协同平台:开源交互式模拟环境的技术演进之路
经验分享·笔记·python·开源·oneapi
我的golang之路果然有问题1 小时前
给git配置SSH(github,gitee)
经验分享·笔记·git·学习·gitee·ssh·github
MrsBaek2 小时前
前端笔记-Axios
前端·笔记
西洼工作室2 小时前
黑马商城-微服务笔记
java·笔记·spring·微服务
chao_7892 小时前
自动化标注软件解析
笔记
丰锋ff3 小时前
计算机网络学习笔记
笔记·学习·计算机网络
愚润求学3 小时前
【专题刷题】二分查找(一):深度解刨二分思想和二分模板
开发语言·c++·笔记·leetcode·刷题