react创建项目

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

使用脚手架创建借助脚手架工具create-react-app

建议node版本大于18，直接终端node -v查看node版本

如果安装了node直接可以使用命令npx create-react-app my-app来创建项目( my-app是项目名称)

如果没有安装脚手架会提示你先安装脚手架 输入y回车即可，出现下面截图即表示创建成功

然后进到项目里面执行npm start命令启动即可

 

蕉君桑
关注
专栏目录
解决react创建项目失败
daxi玫瑰的博客
01-05 1898
使用最简单的命令create-react-app demo / 创建项目，提示这个信息： You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). We no longer support global installation of Create React App. Please remove any global installs with one of the following
React创建项目（保姆级讲解，配置文件详细介绍）
热门推荐
shensanbai95的博客
04-06 1万+
由于学习需要，就简单记录一下，react通过脚手架创建项目的过程，从0到1，附带一个小demo。
React创建项目并启动
qq_51501183的博客
10-07 1万+
1.第一步 安装脚手架 开打使用windows键加R打开运行输入cmd 在里面输入 npm install -g create-react-app 注意:安装前请确保电脑中安装过node.js 2.第二步 切换到想创项目的目录，使用命令：create-react-app appName appName是应用的名字,可以自己随意定义 我创建了一个名字叫做react_test的项目,然后等待安装 安装完成会出现以下内容 Success!表示安装成功 3....
react创建项目步骤
QSWの
11-06 919
步骤： 1、首先全局安装npm install -g create-react-app 2、然后输入create-react-app 项目名称 3、接着cd 项目名称，进入你刚刚创建的那个项目 4、安装完成，npm start让项目跑起来 注意： 如果第2步安装报错的话 先用npm -v查一下你电脑上的npm版本号是多少， 如果高于5.2的话，就在第2步的命令前面加一个npx。 也就是npm cr...
react创建项目并启动
Y200195的博客
01-15 949
react创建项目并启动
React框架创建项目详细流程-项目的基本配置-项目的代码规范
m0_71485750的博客
11-02 1万+
文件夹、文件名称统一小写、多个单词以连接符(-)连接, 组件采用大驼峰;JavaScript变量名称采用小驼峰标识，常量全部使用大写字母;CSS采用普通CSS和styled-component结合来编写(全局采用普通CSS或Less、局部采用styled-component);整个项目不再使用class组件，统一使用函数式组件，并且全面拥抱Hooks;所有的函数式组件，为了避免不必要的渲染，全部使用memo进行包裹;组件内部的状态，使用useState、业务数据全部放在redux中管理;
umi+react项目创建
大龙帅的博客
04-05 1390
一. 创建项目 新建一个项目空目录，随便取一个名字：umi-react 打开命令行，执行：yarn create @umijs/umi-app 安装依赖，执行：yarn 运行项目：执行：yarn start
搭建React项目
tian19920813的博客
03-14 1752
创建一个新文件夹my-react-app，并在该文件夹下使用终端创建项目my-react-app。暴露webpack配置，此操作不可撤销，请按需要操作。react项目默认隐藏了webpack相关配置，执行。在src下新建文件src/api/http.ts。在页面上看到欢迎按钮，引入成功。此时，项目已经创建完成，运行。
yarn创建react项目
qq_40273756的博客
12-05 6833
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...
react-创建react应用的Cli工具createreactapp的可配置版本
08-15
roadhog 是一个 cli 工具，提供 server、 build 和 test 三个命令，分别用于本地调试和构建，...命令行体验和 create-react-app 一致，配置略有不同，比如默认开启 css modules，然后还提供了 JSON 格式的配置方式。
react脚手架创建项目
qq_41051239的博客
02-22 1602
在mockData.js中引入mockjs，并写模拟的返回数据，第一个参数是接口，第二个是请求类型，第三个是一个函数，接收请求参数并处理之后返回数据。代码中通过规则模式匹配作代码识别和报告的插件化的检测工具，它的目的是保证代码规范的一致性和及时发现代码问题，提前避免错误发生。冲突情况，记得检查package.json和.eslintrc.js文件内容是否有引入版本不同导致的冲突情况。可以极大的提高项目中多人协作开发时的效率、代码的可读性以及可维护性。命令将配置完全暴露出来，但这是一个不可逆的操作，复杂的。
react创建项目的流程和安装相关依赖
weixin_45077505的博客
10-09 879
总结一下自己使用react创建项目是的流程和顺序 创建项目 1.npm install create-react-app -g 2.create-react-app demo (demo为项目名) 3.cd demo 4.npm install 5.npm start //运行 创建完成的文件结构 public里面的文件： favicon.ico即为html的ico 图标，可...
react通过下拉框选择多个，并展示在下方的方式
qq18346342939的博客
09-26 95
二、form及选择展示。
react父子组件数据传递及相关操作
weixin_44248903的博客
09-24 332
react父子组件数据传递及相关操作
Vue3 之ref与reactive的区别
样子的博客
09-21 342
在Vue 3中，reactive和ref都用于创建响应式的数据，但它们有一些关键的区别： reactive用于创建响应式的对象，该对象的属性是深度响应式的。 ref用于创建响应式的基本类型数据，比如字符串、数字、布尔值等，它是reactive的简化版本，只提供了基本的响应式能力。 一、ref与reactive的区别 <template> <view class=""&...
React 的 useEffect 钩子，执行一些异步操作来加载基本信息
u010194271的博客
09-20 710
在组件加载时异步获取基本信息和电话号。在加载过程中更新状态以指示加载状态。处理获取的数据并重置表单的值。这种处理方式使得- 组件在加载数据时能够有效地管理状态和用户界面。
useCallback()
最新发布
m0_47999208的博客
09-26 157
这是因为p4是一个函数，每次渲染都会生成一个新的函数，导致props变化，从而触发子组件重新渲染。useCallback接受两个参数，第一个参数是函数，第二个参数是依赖项数组如下。否则useCallback会认为函数没有依赖项，每次都会生成一个新的函数。现在添加p4，发现父组件的state变换，子组件也会重新渲染。添加依赖项p1，p4重新生成，p1改变，p4重新执行。依赖项是p2和p3，p1改变，不会触发p4重新生成。，如果props没有变化，则不会重新渲染子组件。哎，这样就可以了，子组建没有重新渲染。
看Threejs好玩示例，学习创新与技术(React-three-fiber)
htsitr2的专栏
09-23 770
使用 react-three-fiber，您可以使用 React 的组件化开发方式来创建复杂的 3D 场景，同时利用 React 的状态管理和生命周期钩子来控制场景的交互和动画。是的，但是我们也应该清晰的认识到，框架这东西有好有坏。该框架并非基础性、革命性的框架，采用HTML的组织模式跟JSON格式的场景组织都能达到相同的效果。简单的说该框架简化了一些复杂的ThreeJS的对象操作，比如下面的代码，可以非常清晰的明白在渲染Canvas中添加了一个Mesh，该Mesh是一个Box，并且采用标准的材质。
react 创建项目
05-25
要使用 React 创建项目，您需要先安装 Node.js 和 npm 包管理器。在安装完成后，可以使用以下命令创建 React 项目： 1. 打开命令行终端并定位到您想要创建项目的目录。 2. 运行以下命令来创建一个新的 React 应用程序： ``` npx create-react-app my-app ``` 其中 `my-app` 是您希望为项目指定的名称。此命令将自动创建一个新的 React 项目，并安装所有必要的依赖项。 3. 进入项目目录并启动开发服务器： ``` cd my-app npm start ``` 这将启动开发服务器，并在浏览器中打开项目。现在，您可以开始编写 React 组件并在应用程序中使用它们了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值