React 快速上手腳手架(適用於Mac)

最近在學習React，使用腳手架的過程當中遇到了不少的問題，下面把流程記錄下來以供參考：

一、首先要先確認一下本身電腦上是否已經配置了node，和npm。

$ node -v
$ npm -v

能夠用上述命令行查看，若是已經安裝了會顯示當前版本號。

二、Mac 安裝nodejs

訪問nodejs官網，點擊藍色選框區域穩定版，並下載https://nodejs.org/en/

三、國內使用 npm 速度很慢，你可使用淘寶定製的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ npm config set registry https://registry.npm.taobao.org

使用上述命令時可能會安裝報錯cnpm: command not found；這是因爲權限錯誤形成的，能夠在命令前面加 sudo 從新執行，此時應該就能夠下載成功了。

四、接下來纔是下載react腳手架的命令：

$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start

五、項目中添加依賴庫(用到時再添加)

（1）react-bootstrap是一個很是受歡迎的針對react封裝過的bootstrap，它自己不包含css，因此也是須要使用bootstrap原生庫。

在create-react-app建的項目目錄中安裝react-bootstrap
npm install react-bootstrap --save
安裝bootstrap
npm install bootstrap@3.3.7 --save

（2）安裝prop-types

npm install --save prop-types

六、其它錯誤解決方法：

（1）在npm install安裝東西的時候報的這個錯誤」Unexpected end of JSON input while parsing near」可以使用如下命令清除緩存：

npm cache clean --force

（2）關於webstorm 彈出Clear Read-Only status

改變文件讀寫權限便可。

(3)ajv-keywords@3.1.0 requires a peer of ajv@^6.0.0 but none was installed

這個peer是輔助庫，問題不大，並且是個warn 不是 error，能夠手動安裝ajv這個庫

npm i ajv     手動更新ajv