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版本
以上是本章全部內容