react 安装脚手架过程

1.你需要在你的电脑上安装node,这样就能够直接使用npm了

正常情况下在这个阶段,大家都已经会node,只需要判断一下是否有node就可以了

node -v // 查看node的版本 ,这里的v表示的是version版本的意思
npm -v  // 查看npm的版本

 

2.安装 create-react-app【安装速度比较慢】

npm i create-react-app -g  // 普通安装
sudo  npm i create-react-app -g  // mac电脑安装

全局安装create-react-app

注意:如果是mac电脑,需要在npm 的前面添加sudo,并输入密码

 

 

3. 创建react项目

create-react-app 项目名 // 项目名是自定义的,但是也不能随便写,你的项目名尽量使用英文并且有意义

注意:项目所在文件夹,不用手动创建,创建项目的同时会自动创建

创建好的文件夹目录是这样的

 

4.进入项目

cd 项目名  // 如果直接找单这个项目文件夹,可以直接在地址里面输入cmd进入

 

5.启动项目

npm start // 启动项目

 

 默认会自动打开浏览器,显示的,如果不自动打开,可以手动输入

http://localhost:3000

http://192.168.2.12:3000

这两个地址,在你执行成功的时候都会提示

启动成功的界面是这样的!

 

posted @ 2021-08-20 11:09  冉姑娘  阅读(564)  评论(0编辑  收藏  举报