react学习——搭建一个最基础的react项目

最新推荐文章于 2024-09-30 12:09:03 发布
最新推荐文章于 2024-09-30 12:09:03 发布
阅读量128 收藏
点赞数 2
文章标签： react.js 学习 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuejiaohh/article/details/140006846
版权

  1. 安装node:   官网下载安装地址：https://nodejs.org

  2. 安装npx : npm install npx -g

  3. 创建你的react项目：npx create-react-app my_react_01 (my_react_01是你的项目名称)

  4. 安装typescript：npx create-react-app amy_react_01 --template typescript

  5. 安装完以后启动项目：npm start

  6. 启动成功的话可以在浏览器中访问：http://localhost:3000/ 然后看到一个react的欢迎页面

  7. 框架结构如图：

yj_hh
关注
React 从零开始学习（一） —— 搭建项目
且听风吟的博客
07-10 1199
学习react。
React学习——环境搭建以及脚手架安装
王等等csdn的博客
09-16 342
1. 环境搭建 需要安装配置node.js运行环境 已安装过即可跳过此步，没有安装的去官网下载https://nodejs.org/en/download/ 下载之后直接安装即可。 2. 检测版本 查看node和npm版本 win键+R ——>打开资源管理器——>输入cmd——>在命令窗口输入node -v和npm -v 3. 全局安装React脚手架 所需环境准备好后，开始安装脚手架。 在命令窗口输入npm install -g create-react-app 可能要花上几分钟，因
React学习（一）——React项目启动
GIN0913的博客
08-21 4675
学习目标：（1）搭建和启动一个新的React项目（2）认识React项目中的目录。
react搭建——在intelliJIDEA中react的搭建
Darren洋的博客
04-17 1854
查找了搭建的教程，方式不唯一，但过程照样遇到了一些问题，又重新查问题重新解决。以下是我自己结合了自身实际开发情况以及综合了好几篇教程后成功运行的react的步骤。让IDEA能帮你在线下载的依赖全交给它来干。
React学习（一）——基础项目搭建以及环境配置
ClassMake的博客
05-31 257
关于react，就不多做介绍了，大家都懂，我们直接开始搭建React框架运行环境： 1：首先，我们需要安装node.js，直接搜索并在官网下载安装包。 node.js官网：https://nodejs.org/en/ 选择适合的版本后下载下来，并打开安装程序，如下图所示 然后，根据安装提示安装node.js，npm包管理工具也会一同安装。 安装完成后，打开cmd命令行,输入 node -v 和 ...
推荐项目：React Seed —— 搭建现代React应用的快速起点
gitblog_01115的博客
08-28 357
推荐项目：React Seed —— 搭建现代React应用的快速起点 react-seed[not maintained] Seed project for React apps using ES6 & webpack.项目地址:https://gitcode.com/gh_mirrors/re/react-seed 在快速迭代的前端开发领域中，找到一个合适的基础框架，能让你的应用开发事半功倍...
react博客项目(一）—— 基本项目搭建
q1998hao的博客
05-14 444
目标效果：夜月归途 1.利用脚手架创建项目，首先在工作空间中进行全局安装，然后通过create-react-app创建项目，其后跟随项目名称(此处为hello-reat),其后是打开项目，并启动项目，启动成功后以在浏览器中输入可以看到成功页面http://localhost:3000/ npm install -g create-react-app create-react-app hello-react cd hello-react npm start 2.实现静态页面的编写：首先拆分页面结构，在
React——Redux在项目中的搭建
qq_56989560的博客
07-16 632
Redux在项目中的搭建
React 学习记录——一、React的创建
不确定因素的博客
05-06 939
认识React 了解React 搭建React 注意：搭建时候的node版本一定要高些，否则会报错； 如何升级node呢： 1.windows：需要到官网下载覆盖旧的node； 2.OS:npm i -g n ,如果报错用npm i -g n --force 升级到指定的版本：n 版本号 如 n 10.0.0 安装最新的版本：n latest 安装最近的稳定版本：n stable You are running `create-react-app` 4.0.3, which is behind the l
React入门——项目搭建
01-08
通过以上步骤，你就成功地搭建了一个React项目，可以开始你的React开发之旅了。在开发过程中，不断学习和理解React的基本概念，如组件、状态和props，以及如何利用React Hooks来管理状态，将是提升React技能的关键。
react学习之路（1）——创建一个基于antd的React项目
wxh777789的专栏
09-17 353
1.环境配置 开发工具idea intelliJ 安装npm+yarn+node.js+react 2.创建项目 yarn create react-app oaflowweb cd oaflowweb yarn add antd yarn start 浏览器输入http://localhost:3000 3.修改代码，创建自己的页面 index.html 修改自己的系统名字，显示在浏览器标签上的文字 <title>基于antd的Re...
umi搭建的react项目——如何mock数据
weixin_42132044的博客
03-11 3951
umi搭建的react项目——如何mock数据 1、本地配置打开 本地配置umirc.local.ts中的mock配置打开。 export default defineConfig({ mock: {}, }); 2、配置接口 在项目配置接口的文件中添加接口 例如： 在./src/api/user.js中添加获取用户列表的接口 import request from '@/utils/request'; // axios实例 // 获取用户信息 export function getUserList
Reactor 反应堆模式
Xpccccc的博客
09-27 1046
Reactor 反应堆模式
React&JSX使用
最新发布
CherishTaoTao的博客
09-30 1020
在 React 开发中，除了 JSX 的基础使用，还有一些常见的注意事项和 JSX 的进阶用法。以下是需要重点注意的 React 开发技巧和。
react-问卷星项目（2）
BHDDGT的博客
09-29 988
一个git hook 工具，即在git commit之前执行自定义的命令，将规范流程化，如执行代码风格的检查，避免提交非规范的代码，在github搜索即可。这两条是接着执行的，表示创建husky，在文档说明里也有，我按照视频里的指令执行会显示初始化失败，这两条我自己用的没问题。
从0学习React（4）---更新组件状态setState
qq_54432917的博客
09-29 415
在上篇文章中，我们讲了React中的一些基础，包括组件的种类以及state的使用。上篇文章的结尾，我们讲到了如何更新组件的状态（使用setState）。但是我没有讲的很详细，这篇文章我们详细的讲一下React中如何更新组件的状态。
从0学习React（3）
qq_54432917的博客
09-29 658
在第一篇文章中，我们对index.tsx文件的每一行代码都做了简单的分析。通过第一篇文章的总结，我也大致知道了index.tsx里的很多语法。而第二篇文章，我对index.tsx文件的框架做了一个大致的分析，通过第二篇文章，我对index.tsx有了进一步的认识。按理来讲，第三篇文章我还是解析index.tsx文件，但是我发现，对于前两篇文章，其实我对语法的细节有很多不明白的点。因此这篇文章，我就把React的一些最基础的知识给梳理一下，帮助我更好的理解index.tsx的代码。
React和Vue对比
m0_61998604的博客
09-29 1052
React：更灵活，但需要开发者做更多配置，适合大型、复杂项目。Vue：提供了更多的内置功能，开发体验简单直观，适合快速开发和维护。如果你更喜欢灵活性、组合功能且愿意手动配置开发环境，React可能更适合。如果你想快速上手，开发体验简洁，且想要更多的内置工具，Vue会是一个不错的选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值