1、首先我们需要先修改一下npm下载源,因为不修改npm下载源的话,会导致我们npm下载变得特别慢。
npm install -g cnpm --registry=https://registry.npm.taobao.org
2、检查淘宝镜像是否安装成功 cnpm -v(出现下面的地址就意味着安装成功)
cnpm -v
此时我们的npm源已经修改完成,接下来是react脚手架的搭建
3、.全局安装react脚手架
如已经安装了淘宝镜像,就在命令窗口输入:
cnpm install -g create-react-app
没有安装淘宝镜像,可以输入这样的指令(注:i是install的简写)
npm i -g create-react-app
如果出现如下情形,就说明我们的react全局配置已经安装完成
4、项目搭建 进入我们要创建react项目的文件中,打开命令行,然后输入指令:
例如创建一个project项目
create-react-app project
5、
创建成功之后,在命令行输入cd project(进入当前的文件夹),之后再命令窗口输入如下命令启动项目
npm start 或 npm run start
启动成功后,会在浏览器中自动打开当出现下面的的情形时就说明项目创建成功(一般情况下,我们的端口号默认是3000)
以上就是一个完成react项目搭建的步骤!
谢谢关注!