1、首先,我们需要安装node.js:node.js官网
安装nodejs稳定版本
2、安装cnpm用cnpm替代npm
地址:淘宝镜像地址 安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、用yarn替代npm
yarn的安装:
第一种方法:参考官方文档 yarn官方文档
第二种方法:
cnpm install -g yarn 或者 npm install -g yarn
4、 现在我们成功安装了node和npm,然后我们来用npm创建新的项目,首先用npm 安装 create-react-app工具,其可以自动地在本地目录中创建react项目。
npm install -g create-react-app / cnpm install -g create-react-app
等待其安装,意思是全局安装create-react-app脚手架工具,然后就可以使用命令创建新的react项目。
5、创建项目 (可能创建多次。例:创建名为‘reactdemo’的项目)
create-react-app reactdemo
6、cd 到项目里面
cd reactdemo
npm start yarn start运行项目
npm run build yarn build 生成项目
还有一种按照官网上的搭建脚手架:前提是安装nodejs和npm,并且node.js的版本不低于6.0版本,npm版本不低于5.2版本。如图:
npm -v 查看npm版本
node -v 查看node版本
以上是本章全部内容