react创建项目步骤

最新推荐文章于 2024-06-20 14:48:19 发布
最新推荐文章于 2024-06-20 14:48:19 发布
阅读量904 收藏
点赞数
分类专栏： IT react 文章标签： react创建项目步骤
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43209114/article/details/83785866
版权
IT 同时被 2 个专栏收录
83 篇文章 2 订阅
订阅专栏
react
6 篇文章 0 订阅
订阅专栏

步骤：

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 create-react-app 项目名称）

QSWQSWQSWQSWQSW
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React新建项目
Celester_best的博客
02-27 700
之前创建React项目时，特地将创建过程记录在了word文档上，但是重新找的时候，容易忘记路径，所以特地将该文档搬到csdn上。 1、创建一个文件夹，并进入文件夹 2、在文件夹路劲上输入cmd,按enter键进入当前文件夹下的命令行窗口 3、在命令行窗口输入如下命令，按照淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 国内使用 npm 速度很慢，可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替
使用Jenkins部署React项目的方法步骤
10-17
通过以上步骤，我们可以成功地使用Jenkins自动化部署React项目。这种方式不仅可以提高开发团队的工作效率，还能确保部署过程的一致性和可追溯性。随着项目的扩展，还可以进一步集成测试、质量检查等环节，打造一个...
创建React项目全过程（傻瓜式教程）
热门推荐
m0_52358470的博客
12-29 1万+
创建React项目。npm无法识别
React学习一：创建React项目
qq_39101260的博客
06-20 176
【代码】React学习一：创建React项目。
React创建项目（保姆级讲解，配置文件详细介绍）
shensanbai95的博客
04-06 1万+
由于学习需要，就简单记录一下，react通过脚手架创建项目的过程，从0到1，附带一个小demo。
react项目创建步骤
qq_26879821的博客
06-09 270
今天创建第一个react项目，也踩了一些坑。从npm安装开始 记录一下。 1.下载 nodejs并安装 2.nodejs 目录下创建node_global 和 node_cache文件夹 3. 配置目录 cmd运行 npm config set prefix "E:\nodejs\node_global"和 npm config set cache “E:\nodejs\node_cache” 5. 配置镜像站 npm config set registry=http://registry.np
搭建React项目
tian19920813的博客
03-14 1504
创建一个新文件夹my-react-app，并在该文件夹下使用终端创建项目my-react-app。暴露webpack配置，此操作不可撤销，请按需要操作。react项目默认隐藏了webpack相关配置，执行。在src下新建文件src/api/http.ts。在页面上看到欢迎按钮，引入成功。此时，项目已经创建完成，运行。
react创建新项目
vfjcgg的博客
07-27 329
1.react的特点 声明式：就跟写HTML一样 基于组件 学习一次，随处可用：可以开发web,可以开发移动端原生应用react-native，可以开发VR（虚拟现实）应用（react 360） 2.React的基本使用 2.1 React的安装 安装命令：npm i react react-dom react包是核心，提供创建元素，组件等功能 react-dom包提供DOM相关功能等 ...
React 练手项目帮助快速创建项目
06-11
- 创建项目：`create-react-app my-app` - 进入项目目录：`cd my-app` - 启动开发服务器：`npm start` 4. **开始编码**： 在`src`目录下，找到`App.js`，它是应用的主组件。你可以在此基础上添加自定义组件，...
react项目搭建步骤.pdf
08-25
创建一个新的 React 项目，使用 `create-react-app` 工具创建项目结构图。这个工具可以快速创建一个基本的 React 项目结构。 步骤二：初始化 CSS 使用 `reset.css` 初始化项目的 CSS 样式。`reset.css` 是一个常用...
webpack,react不用脚手架创建项目
10-14
**手动创建React项目步骤**： 1. **环境准备**：确保已安装Node.js和npm，它们是Node.js的运行环境和包管理工具。同时，安装VSCode，这是一个强大的代码编辑器，拥有丰富的扩展支持。 2. **创建项目目录**：在...
react 脚手架 项目框架
06-28
集成Ant Design Charts到React项目通常需要以下步骤： 1. 使用npm或yarn安装Ant Design Charts库：`npm install ant-design-charts`或`yarn add ant-design-charts` 2. 引入所需的图表组件到你的React组件中，例如：...
react创建项目
csdn_chengpeng的博客
05-07 960
react创建项目1. 环境需求2. 创建项目3. 创建react组件 1. 环境需求 创建react项目需要安装node.js,安装方法百度自查，网上有很多，检查是否安装成功的方法如下 node -v //打开cmd输入node -v 安装完成后，打开cmd输入 node -v 如果出现版本号就说明已经安装成功了 2. 创建项目 1.下载react脚手架（打开cmd输入以下命令） npm i...
react项目的创建
m0_59119608的博客
05-24 401
脚手架创建项目：npx create-react-app 目录 | yarn create react-app 目录 | npm init react-app 目录（目录的名字不能包含大写字母，三个创建项目的方式，任选择其中一个即可）1：安装 create-react-app脚手架：npm install -g create-react-app。2：检测 create-react-app 是否安装成功，：create-react-app -V。进入脚手架创建的项目：cd 项目。
创建一个React项目
m0_49789433的博客
03-26 80
首先你的电脑需要有node和webpack（可以去别处收一下教程） window+R打开cmd npm install -g cnpm --registry=https://registry.npm.taobao.org 我已经安装过了所以下面显示东西少，其实下面会有很多 创建脚手架 create-react-app 自动创建的项目是基于 Webpack + ES6 。 cnpm install -g create-react-app 接着找到你自己准备创建项目的路径 输入cmd create-
创建一个react项目
qq_45272329的博客
02-14 944
写了许久的Vue了，现在准备写个React后台项目来练练手，首先第一步创建一个React项目。第一步肯定需要安装node开发环境，这个可以看这篇文章。 创建React项目，第一步需要安装node.js，因为之前我已经开发Vue，所以node环境是OK的，执行以下命令，全局安装React脚手架命令： $ npm install -g create-react-app 在全局安装的过程中，如果出现React脚手架版本必须在1x.x.xx以上，目前版本是9.x.xx，需要升级node提示的时候。这时候千万不
创建React项目
xiaohong的博客
09-27 727
1，安装好node.js  2，安装好npm 3，创建react项目：安装脚手架，创建项目名，进入项目，启动项目  npm install -g create-react-app /*搭建一个全局的脚手架*/ create-react-app my-demo /*创建项目 my-demo是项目名字*/ cd my-demo ...
react新建项目流程
weixin_43931617的博客
06-09 279
1. 环境搭建 需要NodeJS和npm，因为电脑里有，这个就不写了 2. 安装create-react-app cnpm install -g create-react-app（cnpm用的是淘宝镜像，会快一些） 3. 新建项目 create-react-app test（项目名） 这里我在新建的时候报错了，如图所示： 然后我目录下就只有一个空的test目录，查了一下说是网络原因，就把npm的镜像换成了淘宝镜像 npm config set registry https://registry.np
创建React项目的具体步骤
最新发布
07-05
创建React项目的步骤通常包括以下几个： 1. **安装Node.js**：首先确保你的计算机上已经安装了Node.js，这是运行npm（Node Package Manager）的必要条件。 2. **选择创建工具**：有两种常见的方式创建React项目：使用Create React App (CRA) 或手动搭建。CRA是一个官方推荐的脚手架，它简化了许多配置步骤。 - **通过Create React App**: 打开终端，运行 `npx create-react-app my-app`（将 "my-app" 替换为你想要的项目名）。这会自动下载并初始化一个新项目。 3. **进入项目目录**：创建完成后，使用 `cd my-app` 进入项目文件夹。 4. **启动开发服务器**：在项目根目录下运行 `npm start` 或者 `yarn start`。这会启动本地开发服务器，并预览应用。 5. **编辑源码**：开始编写JavaScript代码在 `src` 文件夹下的 `App.js` 中，这里通常是整个应用的主要组件。 6. **查看更改**：每次保存改动后，浏览器里的开发服务器会实时刷新显示更新内容。 7. **部署生产环境**：当你准备好发布到生产环境时，可以使用 `npm run build` 构建优化后的静态文件，然后上传到服务器上。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值