创建React项目

最新推荐文章于 2024-10-16 12:29:43 发布
最新推荐文章于 2024-10-16 12:29:43 发布
阅读量188 收藏
点赞数 1
分类专栏： React 文章标签： react.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51105610/article/details/121692737
版权

1. 安装好运行环境

node -v
v16.13.0

yarn -v
1.22.17

npm -v
8.1.4

React官网: 打开.

1.创建项目

npx create-react-app myreact         /* myreact为项目名称 */

2.启动项目

cd myreact
yarn start

3.效果图
在这里插入图片描述

LP_1205
关注
专栏目录
创建react项目
PiscesGirl的博客
12-23 1017
创建react项目
如何创建React项目
hwx865的专栏
10-13 8383
默认，create react app 创建的项目是看不到 webpack 相关的配置的，如果熟悉 webpack 的小伙伴，知道 package.json 中的配置会很多，而react脚手架中的 package.json 中，依赖为什么这么少。不同于 vue-cli 这样的工具。这是因为像 webpack，babel 等等都是被 creat react app 封装到了 react-scripts 这个项目当中，包括基本启动命令 都是通过调用 react-scripts 这个依赖下面的命令进行启动的。
yarn创建react项目
qq_40273756的博客
12-05 6847
yarn创建react项目 1.安装yarn https://yarnpkg.com/zh-Hans/docs/install 2.创建项目及安装antd 在cmd下输入“npm install create-react-app yarn -g” 在指定项目目录下输入 create-react-app your_project_name 例如“create-react-app react_t...
Vite创建React项目
猫老板的豆
09-16 5308
文章目录1. 输入项目名称2. 选择框架3. 选择不同4. 项目创建完成5. 项目结构6. 启动项目 Vite 需要 Node.js 版本 >= 12.0.0。（node -v 查看自己当前的node版本） 使用 yarn：yarn create @vitejs/app 使用 npm：npm init @vitejs/app 1. 输入项目名称 这里输入我们的项目名称：vite-react 2. 选择框架 这里选择我们需要集成的框架：react vanilla：原生js，没有任何框架集
idea创建react项目
weixin_45095695的博客
04-19 1154
注意：这里默认安装的Add to PATH其实已经帮你配置好了环境了，网上一大堆自己手动去配置环境不需要的。注意：如果启动失败，报环境变量类型的错误，重启电脑即可，idea集成插件有时候就是不好使，需要重启。打开官网下载链接:https://nodejs.org/en/download/注意记得配置插件，将你前面安装的Node.js配置到idea的插件里。3、Ideal配置react开发环境。1、下载安装Node.js。安装node.js插件。4、新建react工程。
vite创建React项目 react从零入门
ICUiseeyou的博客
05-04 7901
react vite css react-router-dom 路由
React vscode 创建 react 项目流程【超详细】
热门推荐
qq_45677671的博客
04-19 2万+
文章目录一、安装node二、配置淘宝镜像三、配置 vscode（win10）四、全局安装脚手架五、创建项目 一、安装node 请在官网下载安装：https://nodejs.org/zh-cn/ vscode 中 点击 ( ctrl + `) 调出终端 输入指令node -v，能显示版本号，说明 node 已经装好了 输入指令npm -v，能显示版本号，说明 npm 可以使用了 点击链接查看图文教程 https://blog.csdn.net/qq_45677671/article/detail
快速创建React项目
weixin_45048564的博客
04-25 1285
创建React项目
UMI入门（创建react项目）
陌上花开然不归矣
02-09 1193
UMI创建react项目示例、UMI入门
使用IDEA创建的一个简单的react项目
07-25
- 首先，确保已经安装了Node.js，因为创建React项目需要用到npm（Node包管理器）。 - 打开IDEA，选择"Create New Project"，在左侧的列表中找到"JavaScript"，然后选择"React"模板。 - 按照向导设置项目名称、...
【React】9、使用create-react-app（CRA）创建react项目
Coding and studying
06-01 1075
第一步，全局安装：第二步，切换到想创项目的目录，使用命令：第三步，进入项目文件夹：第四步，启动项目：你当然可以选择不全局安装你可以直接执行这样可以不安装create-react-app而直接创建你的脚手架项目你还可以执行创建一个支持TS语言的react脚手架项目。当看到这个界面在你的浏览器里自动打开的时候，你的脚手架项目就已经创建好了～ ---- 静态资源文件夹src ---- 源码文件夹App.css -------- App组件的样式App.test.js ---- 用于给App做测试index.css
创建react项目时遇到的报错
qq_45429539的博客
02-04 4549
创建react项目时遇到的报错 百度到的第一个方法： 1.执行npm install -g create-react-app全局安装 2.执行npx create-react-app myapp创建项目 结果控制台打印： (node:18924) ExperimentalWarning: The fs.promises API is experimental You are running `create-react-app` 4.0.1, which is behind the latest relea
React速成
警警的博客
10-10 599
假设我们要创建一个自定义 Hook 来处理用户的登录状态。我们可以创建一个名为的 Hook。// 这里可以添加一些逻辑，比如检查本地存储、调用 API 等// 假设我们从本地存储中获取登录状态// 清理函数（可选）// 组件卸载时执行的逻辑，比如清除定时器、取消网络请求等}, []);// 空数组作为依赖项，表示这个 effect 只在组件挂载和卸载时运行一次现在，我们可以在任何组件中使用这个自定义 Hook。
react18中实现简易增删改查useReducer搭配useContext的高级用法
峰会路转的博客
10-16 184
useReducer和useContext前面有单独介绍过，上手不难，现在我们把这两个api结合起来使用，该怎么用？还是结合之前的简易增删改查的demo，熟悉vue的应该可以看出，vuexuseContext类似于vue中的enjectprovided`,来分析下思路。
1.3.ReactOS系统 PAGED_CODE 宏函数的实现
zhyjhacker的博客
10-11 490
ReactOS系统 PAGED_CODE 宏函数的实现ReactOS系统 PAGED_CODE 宏函数的实现。
React(五) 受控组件和非受控组件； 获取表单元素的值。高阶组件(重点)，Portals； Fragment组件；严格模式StrictMode
lxh的博客
10-16 732
获取表单元素的值；高阶组件(本质是函数）及其应用；Portals；Fragment组件；StrictMode严格模式。
2.4.ReactOS系统提升IRQL级别KfRaiseIrql 函数
zhyjhacker的博客
10-14 322
2.4.ReactOS系统提升IRQL级别KfRaiseIrql 函数。
2.5 windows xp，ReactOS系统快速系统调用的实现
最新发布
zhyjhacker的博客
10-16 797
windows xp，ReactOS系统快速系统调用的实现。
webstorm创建react项目
09-13
在WebStorm中创建React项目，可以按照以下步骤进行操作： 1. 打开WebStorm，并点击主界面的 "Create New Project" 或者 "New Project" 按钮。 2. 在弹出的对话框中，选择左侧的 "React" 并点击 "Next"。 3. 在下一个页面中，输入项目名称和选择项目存储路径，然后点击 "Next"。 4. 在下一个页面中，选择使用 "npx create-react-app" 创建项目，确保 "Use npx" 选项被选中。然后点击 "Next"。 5. 最后，在下一个页面中，选择需要包含的附加插件或者模板。你可以根据需要选择是否包含ESLint、TypeScript等插件。完成后，点击 "Finish"。 6. WebStorm将会自动为你创建React项目，安装相关依赖，并打开项目。 现在，你已经成功在WebStorm中创建了一个React项目。你可以开始编写React代码并运行你的应用程序了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值