react项目入门，创建项目

10月前作者：jun_tong 分类：Toy博客阅读(38) 违法举报

这篇具有很好参考价值的文章主要介绍了react项目入门，创建项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

react项目入门，创建项目

// react-ts项目入门，创建项目
// https://juejin.cn/post/6844904184597184519

第零步，检查版本

node -v
npm -v

react项目入门，创建项目,react,前端,react

1a69c3036bc3aea6d29d2b66fe46602f.jpg

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

react项目入门，创建项目,react,前端,react

f0e9d25b01c1256f0b168cb255c77c1a.jpg

第二步，创建项目

打开后，点击左下角图标/或者顶部按钮终端>新建终端，打开命令输入界面
1，初始化 Umi 项目：
npx @umijs/create-umi-app

2，下载依赖
yarn
npm i

react项目入门，创建项目,react,前端,react

5984438a54b24b098473d6a9fe95012e.jpg

第三步，运行

npm run start

react项目入门，创建项目,react,前端,react

f0465425a2e0a770b84994ee223be570.jpg

第四步，最后运行效果

react项目入门，创建项目,react,前端,react

f621579633e731f01c69c18c4846f237.jpg文章来源地址https://www.toymoban.com/news/detail-732708.html

到了这里，关于react项目入门，创建项目的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

【react】创建启动react项目和跨域代理：

1、创建启动react项目： 2、跨域代理：【1】文档：https://create-react-app.dev/docs/proxying-api-requests-in-development/ 【2】src/setupProxy.js:

2024年02月12日
浏览(49)
创建一个 React+Typescript 项目

接下来我们来一起探索一下用TypeScript 来编写react 这也是一个非常好的趋势，目前也非常多人使用那么我们就先从创建项目开始首先我们先找一个或者之前创建一个目录用来放我们的项目然后在这个目录下直接输入例如这里我想创建一个叫 tsReApp 的项目就可以输入

2024年02月13日
浏览(42)
【React】脚手架创建项目

◼ 创建React项目的命令如下：  注意：项目名称不能包含大写字母  另外还有更多创建项目的方式，可以参考GitHub的readme 命令： create-react-app 你的项目名称 ◼ 创建完成后，进入对应的目录，就可以将项目跑起来： yarn start ◼ 我们可以通过VSCode打开项目：注意 se

2024年01月19日
浏览(75)
创建react脚手架项目——demo（react18 + react-router 6）+ react项目打包部署

全局安装 create-react-app 说明：不建议安装全局，建议使用 npx 命令安装，具体可参考官网，如下：官网： https://zh-hans.legacy.reactjs.org/docs/create-a-new-react-app.html. 1.2.1 问题1——npm ERR! code ENOTFOUND（网络问题clashx）问题描述，如下：解决问题——方式1 如果使用了clashx，可能是它

2024年02月07日
浏览(73)
使用create-react-app创建react项目

全局安装create-react-app 使用create-react-app创建一个项目如果不想全局安装，可以直接使用npx 这需要等待一段时间，这个过程实际上会安装三个东西 react: react的顶级库 react-dom: 因为react有很多的运行环境，比如app端的react-native, 我们要在web上运行就使用react-dom react-scripts: 包含运

2024年02月11日
浏览(38)
使用React18+Ts创建项目

首先，使用create-react-app工具创建一个新的React项目：使用脚手架创建项目后，自带react-dom等依赖项，但react中的所用的路由方法是react-router-dom中。默认情况下，create-react-app模板会自动生成一些文件和文件夹，这些文件和文件夹包括： node_modules：存储所有的项目依赖项。 p

2024年02月09日
浏览(42)
创建react native项目的笔记

本项目适用于react native@0.72 react@18.2 添加 npm install react-native-gesture-handler ##接入第三支付 https://open.weixin.qq.com/

2024年02月12日
浏览(46)
前端react入门day01-了解react和JSX基础

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录 React介绍 React是什么 React的优势 React的市场情况开发环境搭建使用create-react-app快速搭建开发环境尝试运行程序 react基本框架 index.js App.js JSX基础-概念和本质

2024年02月08日
浏览(76)
【前端】React快速入门+Redux状态管理

本文旨在记录react的基础内容，帮助有需要的同学快速上手,需要进一步了解描述更加稳妥和全面的信息，请查阅官方文档官方文档点击这里进行跳转 react框架 vue,react,angular这几种主流前端框架使用频率较高…本质还是js库。 React.js是一个用于构建用户界面的JavaScript库。它由

2024年02月12日
浏览(50)
前端react入门day03-react获取dom与组件通信

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录受控表单绑定 React中获取DOM 组件通信父传子父传子-基础实现父传子-props说明父传子 - 特殊的prop children 子传父使用状态提升实现兄弟组件通信使用Context机制跨

2024年02月01日
浏览(55)