创建简单的react脚手架,首先,要安装node,安装成功后,打开命令node -v,npm -v测试一下,node必须在6.0以上
如果安装失败,是因为国内使用npm很慢,我们可以使用淘宝的cnpm,设置镜像地址
npm install -g cnpm --registry=https://registry.npm.taobao.org
一、 检查淘宝镜像是否安装成功,cnpm -v(出现下面地址意味着安装成功)
二、全局安装react脚手架
- 如已经安装淘宝镜像,输入命令:
cnpm install -g create-react-app
-
没有安装淘宝镜像,输入命令:(注:i是install的简写)
npm i -g create-react-app
出现上面的情形,就证明react的全局安装结束,之后就可以关闭命令窗口
三、创建一个my-project项目
create-react-app my-project(my-project项目名称,自己命名的)
安装成功如下图:
cd my-project 进入my-project目录下
cat package.json 查看配置信息(这一步可以跳过)
配置信息如下图:
配置信息里面又4个命令,start、build、test、eject。
npm start 打开项目
出现如下图,说明react搭建成功
想更深入的了解react,请看react官网。
想入门学习react,推荐react入门阮一峰。
推荐学习平台慕课网,我自己也在看,讲的特别好。