react安装教程

这篇文章将介绍React前端框架的环境配置以及项目搭建方法,其中涉及到了node.js(js运行平台)、npm(依赖包管理工具)等内容。网上已经有许多类似的教程,这篇文章可以给各位做个参考,同时给我自己当做一个笔记。
首先,要安装node.js,在官网下载安装包。
node.js官网:https://nodejs.org/en/
安装node.js后,npm包管理工具也会一同安装完毕。
创建react 的项目需要脚手架工具create-react-app,我们先用nmp安装create-react-app,打开cmd命令行,输入: npm install -g create-react-app
意思是全局安装create-react-app脚手架工具,等待安装完成。然后在cmd命令行输入:create-react-app apps
意思是用create-react-app创建了个名为apps的项目,但是这个react项目会默认创建在c盘的用户目录下。如下图在这里插入图片描述
这不是我想要的,于是我又在d盘创建了一个项目。
在cmd输入:
d:
cd ‘文件夹路径’
在这里插入图片描述
然后再输入:cd my-app
:npm start
在这里插入图片描述
等一两分钟会在网页自动弹出localhost:3000的react网页窗口
在这里插入图片描述
这就说明我们已经完成了基本的React项目搭建,可以开始React项目开发了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值