react项目入门,创建项目

react项目入门,创建项目

复制代码
// react-ts项目入门,创建项目
// https://juejin.cn/post/6844904184597184519

第零步,检查版本

node -v

npm -v

1a69c3036bc3aea6d29d2b66fe46602f.jpg

第一步,新建个文件夹,不能中午命名,然后直接拖向code.exe开发工具

f0e9d25b01c1256f0b168cb255c77c1a.jpg

第二步,创建项目

打开后,点击左下角图标/或者顶部按钮终端>新建终端,打开命令输入界面

1,初始化 Umi 项目:

npx @umijs/create-umi-app

2,下载依赖

yarn

npm i

5984438a54b24b098473d6a9fe95012e.jpg

第三步,运行

npm run start

f0465425a2e0a770b84994ee223be570.jpg

第四步,最后运行效果

f621579633e731f01c69c18c4846f237.jpg

相关推荐
千寻girling14 分钟前
不知道 Java 全栈 + AI 编程有没有搞头 ?
前端·人工智能·后端
小码哥_常42 分钟前
Android开发:精准捕获应用的前后台行踪
前端
蜡台1 小时前
Vue 打包优化
前端·javascript·vue.js·vite·vue-cli
木斯佳1 小时前
前端八股文面经大全:快手前端一面 (2026-03-29)·面经深度解析
前端·宏任务·原型链·闭包
皙然1 小时前
Redis配置文件(redis.conf)超详细详解
前端·redis·bootstrap
卷帘依旧2 小时前
JavaScript中this绑定问题详解
前端·javascript
dweizhao2 小时前
突发!Claude Code源码泄露了
前端
sunny_2 小时前
💥 Claude Code 源码泄露?我把这个最强 AI Coding Agent 的架构扒干净了
前端·agent·claude
西洼工作室3 小时前
React轮播图优化:通过延迟 + 动画的组合,彻底消除视觉上的闪烁感
前端·react.js·前端框架
yaaakaaang3 小时前
(八)前端,如此简单!---五组结构
前端·javascript