React
簡介：React是Facebook開發(fā)的一款JS庫闸准，是一個聲明式益愈、組件化并且用于構(gòu)建用戶界面的 JavaScript 庫始苇，通俗來講就是將界面分成可以復(fù)用的組件勺远，在需要時引入故响，使界面解耦纷责，互不影響而又相互聯(lián)系捞烟，在界面更新時产阱，只會更新需要更新的組件惕虑，使得效率和性能上大大提升庇忌。
1义屏、環(huán)境搭建
- 安裝node
大家可以去官網(wǎng)下載安裝包：node官網(wǎng)
安裝沒有什么可以講的靠汁，一路下一步即可， 安裝完成后打開控制臺輸入
CrckerdeMacBook-Pro:~ crcker$ node -v
v10.0.0
如果能正確輸出版本號說明node已經(jīng)安裝完成闽铐，否則需要配置環(huán)境變量蝶怔，這里不做介紹
- 安裝npm和cnpm
npm其實是Node.js的包管理工具，可以使我們方便的引入各種js庫,當(dāng)我們安裝完node.js之后兄墅，npm也已經(jīng)安裝完成踢星，打開終端輸入
CrckerdeMacBook-Pro:~ crcker$ npm -v
6.1.0
由于大部分的包在國外服務(wù)器，當(dāng)我們安裝某個庫的時候可能會安裝不上隙咸，如果出現(xiàn)這種情況沐悦，可以通過梯子的方式解決，也可以使用國內(nèi)鏡像五督，是由taobao托管所踊，大家可以去 這里 查看安裝方式，安裝完成后就可以使用cnpm來管理包了概荷，而且速度飛快秕岛。
2、項目的初始化
到目前基本的環(huán)境已經(jīng)安裝完成，下面我們來初始化一個react項目
打開終端按照下面的輸入：
npm install -g create-react-app
create-react-app react-demo
cd react-demo
npm start
如果不出意外的話继薛，程序會開啟一個服務(wù)監(jiān)聽3000端口修壕，并且打開默認(rèn)瀏覽器，你會看到一下界面遏考，說明項目已經(jīng)成功運行慈鸠。
20180627163103738.png
下面我們打開這個項目看一下項目結(jié)構(gòu),這里使用vscode：
20180627163616583.png
node_modules： 這里面包含了react項目中會用到的一些組件 。
src：里面包含了一些我們自己使用的js文件灌具，css文件青团，img文件等等
manifest.json：清單配置文件，聲明了項目的名稱圖標(biāo)以及入口
package.json: 包的清單文件咖楣，這里面聲明的包會通過npm下載到node_modules中
