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

相关推荐
华玥作者1 小时前
[特殊字符] VitePress 对接 Algolia AI 问答(DocSearch + AI Search)完整实战(下)
前端·人工智能·ai
Mr Xu_1 小时前
告别冗长 switch-case:Vue 项目中基于映射表的优雅路由数据匹配方案
前端·javascript·vue.js
前端摸鱼匠1 小时前
Vue 3 的toRefs保持响应性:讲解toRefs在解构响应式对象时的作用
前端·javascript·vue.js·前端框架·ecmascript
lang201509282 小时前
JSR-340 :高性能Web开发新标准
java·前端·servlet
好家伙VCC2 小时前
### WebRTC技术:实时通信的革新与实现####webRTC(Web Real-TimeComm
java·前端·python·webrtc
未来之窗软件服务3 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气
前端·javascript·vue.js·仙盟创梦ide·东方仙盟·昭和仙君
嘿起屁儿整3 小时前
面试点(网络层面)
前端·网络
VT.馒头3 小时前
【力扣】2721. 并行执行异步函数
前端·javascript·算法·leetcode·typescript
phltxy4 小时前
Vue 核心特性实战指南:指令、样式绑定、计算属性与侦听器
前端·javascript·vue.js
Byron07075 小时前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js