react脚手架创建命令教程

1.安装node.JS

官网下载自行下载 地址:https://nodejs.org/zh-cn/download/

2.检测npm和node的安装情况

使用node -v和npm -v在控制台进行输入

3.安装react脚手架

安装命令

npm i -g create-react-app
1

如果电脑下载的比较慢,可以使用淘宝镜像进行安装

1.安装淘宝镜像命令

npm install -g cnpm --registry=https://registry.npm.taobao.org
1

2.检测淘宝镜像安装情况

cnpm -v
1

3.使用淘宝镜像安装脚手架

cnpm install -g create-react-app
1

4.如果出现无法在系统上运行脚本的报错

无法加载文件 D:\dev\nodeJs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本

需要在管理员权限的命令窗口处输入以下命令

set-ExecutionPolicy RemoteSigned
1

4.开始创建react项目

在需要创建的文件夹的地址上输入cmd,点击回车后输入以下命令

create-react-app  项目名称
1

项目名称自己定义,也就是整个项目文件夹的名称

5.启动react项目

进入刚创建好的react目录下,在cmd命令行下输入

npm start
1

如果需要停止请按下CTRL + C键即可