一牵寺、環(huán)境搭建
1、安裝node
安裝沒有什么可以講的恩脂,找一個(gè)網(wǎng)上教程一路下一步即可
安裝完成后打開控制臺(tái)輸入 node -v
2. 安裝npm和cnpm
npm其實(shí)是Node.js的包管理工具帽氓,可以使我們方便的引入各種js庫,當(dāng)我們安裝完node.js之后,npm也已經(jīng)安裝完成俩块,打開終端輸入
npm -v
結(jié)果如下:
由于大部分的包在國外服務(wù)器黎休,當(dāng)我們安裝某個(gè)庫的時(shí)候可能會(huì)安裝不上浓领,如果出現(xiàn)這種情況,可以通過梯子的方式解決奋渔,也可以使用國內(nèi)鏡像镊逝,是由taobao托管,大家可以去 這里 查看安裝方式嫉鲸,安裝完成后就可以使用cnpm來管理包了撑蒜,速度會(huì)快很多。
二玄渗、項(xiàng)目的初始化
到目前基本的環(huán)境已經(jīng)安裝完成座菠,下面我們來初始化一個(gè)react項(xiàng)目
打開終端按照下面的輸入:
npm install -g create-react-app
這一步之后可能會(huì)出現(xiàn)各種問題,如果不能正常藤树,請嘗試升級(jí)node版本
create-react-app react-demo
cd react-demo
npm start
以上都正常的情況下浴滴,程序會(huì)開啟一個(gè)服務(wù)監(jiān)聽3000端口,并且打開默認(rèn)瀏覽器岁钓,你會(huì)看到一下界面升略,說明項(xiàng)目已經(jīng)成功運(yùn)行。