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

相关推荐
everyStudy41 分钟前
前端五种排序
前端·算法·排序算法
甜兒.2 小时前
鸿蒙小技巧
前端·华为·typescript·harmonyos
Jiaberrr5 小时前
前端实战:使用JS和Canvas实现运算图形验证码(uniapp、微信小程序同样可用)
前端·javascript·vue.js·微信小程序·uni-app
everyStudy6 小时前
JS中判断字符串中是否包含指定字符
开发语言·前端·javascript
城南云小白6 小时前
web基础+http协议+httpd详细配置
前端·网络协议·http
前端小趴菜、6 小时前
Web Worker 简单使用
前端
web_learning_3216 小时前
信息收集常用指令
前端·搜索引擎
tabzzz6 小时前
Webpack 概念速通:从入门到掌握构建工具的精髓
前端·webpack
200不是二百6 小时前
Vuex详解
前端·javascript·vue.js
滔滔不绝tao6 小时前
自动化测试常用函数
前端·css·html5