安装React教程

痛定思痛。 2023-09-23 15:19 107阅读 0赞

# 安装React教程 #

# 1.下载并安装node.js #

[官网地址][Link 1]：https://nodejs.org/

![在这里插入图片描述][798e67384816401784135ef119dc1d57.png_pic_center]

# 2.配置环境变量 #

![在这里插入图片描述][3bccc836544b485ead3842f3c1583fa1.png_pic_center]  
![在这里插入图片描述][970dd513973a4c968d27834aa71a98db.png_pic_center]

# 3.确认安装成功 #

确认node版本和npm版本

> node -v
> 
> npm -v

![在这里插入图片描述][2e5623d581d84ddc9945056f122d8380.png_pic_center]

# 4.安装react #

npm install -g create-react-app

# 5.创建react项目 #

create-react-app XXX(XXX指定名称)

# 6.进入项目 #

cd  XXX(XXX指定名称)

# 7.启动项目 #

npm start

# 8.启动项目成功 #

![在这里插入图片描述][e35fec9c2d2f4ff984ae95f9acbe6893.png_pic_center]

[Link 1]: https://nodejs.org/
[798e67384816401784135ef119dc1d57.png_pic_center]: https://img-blog.csdnimg.cn/798e67384816401784135ef119dc1d57.png#pic_center
[3bccc836544b485ead3842f3c1583fa1.png_pic_center]: https://img-blog.csdnimg.cn/3bccc836544b485ead3842f3c1583fa1.png#pic_center
[970dd513973a4c968d27834aa71a98db.png_pic_center]: https://img-blog.csdnimg.cn/970dd513973a4c968d27834aa71a98db.png#pic_center
[2e5623d581d84ddc9945056f122d8380.png_pic_center]: https://img-blog.csdnimg.cn/2e5623d581d84ddc9945056f122d8380.png#pic_center
[e35fec9c2d2f4ff984ae95f9acbe6893.png_pic_center]: https://img-blog.csdnimg.cn/e35fec9c2d2f4ff984ae95f9acbe6893.png#pic_center

发表评论取消回复

表情：

评论列表（有 0 条评论，107人围观）

还没有评论，来说两句吧...

相关阅读

相关 React安装详细教程

1.安装Node.js 1)下载安装包 [下载地址][Link 1] 可以自行选择`zip`或者`.msi`,推荐`.msi` ![在这里插入图片描述][f

红太狼/ 2023年10月10日 23:47/ 0 赞/ 42 阅读

相关安装React教程

安装React教程 1.下载并安装node.js [官网地址][Link 1]：https://nodejs.org/ ![在这里插入图片描述][798e6738

痛定思痛。/ 2023年09月23日 15:19/ 0 赞/ 108 阅读

相关 React 入门教程系列（二）——Hello React

文章目录 1. 引入相关库文件 2. 输出 Hello React 3. 检查元素 4

迈不过友情╰/ 2023年06月06日 10:35/ 0 赞/ 13 阅读

相关 react-devtools安装教程

1，点击链接 [https://github.com/facebook/react-devtools/tree/v3][https_github.com_facebook_re

落日映苍穹つ/ 2022年10月30日 06:25/ 0 赞/ 13 阅读

相关 React 入门实例教程

现在最热门的前端框架，毫无疑问是 [React][] 。上周，基于 React 的 [React Native][] 发布，结果一天之内，就获得了 5000 颗星，受瞩目程

痛定思痛。/ 2022年07月17日 03:37/ 0 赞/ 222 阅读

相关 React Router 使用教程

真正学会 [React][] 是一个漫长的过程。http://www.ruanyifeng.com/blog/2016/05/react\_router.html?utm\_s

╰半夏微凉°/ 2022年06月02日 01:13/ 0 赞/ 195 阅读

相关 React 详细教程

技术栈： react + redux + webpack + react-router + ES6/7/8 + immutable 运行项目（nodejs 6.0+）

偏执的太偏执、/ 2022年05月21日 00:09/ 0 赞/ 261 阅读

相关 React环境安装教程 ReactApp

1.安装nodejs 首先要安装nodejs，可以直接到node官网下载安装。安装完成后，打开cmd ，输入node -v 查看是否安装。 npm工具也会随nod

布满荆棘的人生/ 2022年04月04日 04:18/ 0 赞/ 207 阅读

相关 React Native之React速学教程

本文出自[《React Native学习笔记》][React Native]系列文章。 React Native是基于React的，在开发React Native过程中少不了

怼烎@/ 2022年03月29日 05:18/ 0 赞/ 233 阅读

相关 React Native环境安装教程

一. 前提 1.nodejs 环境 2.Java Development Kit（JDK）的安装和环境变量的配置 ![watermark_type_ZmFuZ3poZW5

骑猪看日落/ 2021年09月08日 05:50/ 0 赞/ 443 阅读