准備這幾天沒事學一下react,其實之前也看了點,但也就是止步於安裝,看的學習視頻安裝的跟自己安裝的結果不一樣誒,坑有點多,但是也不能不學啊,還好還好。過程雖然曲折,結局還算完美,步驟也不復雜。特此記錄一下,下次忘了的話還可以翻翻看看。
1.通過 npm 使用 React
1.在要寫練習的目錄上打開cmd命令行,輸入npm i cnpm -g --registry=https://registry.npm.taobao.org
國內使用 npm 速度很慢,所以我們可以使用淘寶定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm:
最后的參數就是淘寶的鏡像倉儲url
-g表示是全局安裝
這個命令的意思是,使用npm,從遠程倉儲https://registry.npm.taobao.org上下載一個叫做cnpm的包,並且安裝至本地nodejs的根目錄下的node_global目錄下
這里npm i,這個i就是install的簡寫,你也可以寫全這個單詞
這里注意,一定要有-g這個參數,這個參數是-global的縮寫,表示全局安裝。由於nrm和npm,webpack都屬於工具性的包。是我們做任何項目都要使用的工具,所以必須全局安裝。
2.使用 create-react-app 快速構建 React 開發環境(這一點摘錄自‘菜鳥教程’)
create-react-app 是來自於 Facebook,通過該命令我們無需配置就能快速構建 React 開發環境。
create-react-app 自動創建的項目是基於 Webpack + ES6 。
執行以下命令創建項目:
$ cnpm install -g create-react-app $ create-react-app my-app $ cd my-app/ $ npm start
...........(過程省略點)