React基礎項目搭建以及環境配置

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版本

以上是本章全部內容

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章