react與vue的對比篇（1）

先從vue和react的環境配置安裝開始講，在配置環境前請確保已經安裝node

1.設定淘寶映象：

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

註解： npm安裝會很慢，有時由於網路原因模組安裝還會錯誤，後面需要安裝的東西很多，所有先裝cnpm。以後所有的npm install使用cnpminstall代替，-g是全域性，在其他盤也可以使用這個命令的

2.全域性安裝webpack和伺服器：

cnpm install webpackwebpack-dev-server–g

註解：全域性安裝webpack和webpack-dev-server，多個安裝用空格隔開就行，以上兩個是不分vue和react的。

3.全域性安裝對應腳手架：

cnpm install -g create-react-app

註解：react腳手架全域性安裝執行create-react-app  --version可以檢視版本，create-react-app -v有使用說明

cnpm install -g vue-cli

註解：vue腳手架全域性安裝，此時vue變成命令，命令列執行vue會有說明，執行vue-cli -v或者vue -v都是無效的，因為vue是命令

4.建立專案和安裝：

(1):create-react-app  專案名稱

(2):cd  專案名稱

註解：例如create-react-app  first-react，react會自動執行npm install，執行完成後，再cd  專案名稱

(1):vue init webpack  專案名稱

(2):cd    專案名稱

(3):cnpm install

註解：例如vue init webpack first-react，第（2）步之後，一定不要忘記cnpm install。

注意：執行第一步完成後，會有一些問題，第一個是問資料夾名字，第二個是專案描述，第三個是作者，這些可以鍵盤輸入之後按enter，也可以一直按enter，會有預設值。之後都是選項，react一路按enter沒有問題的。vue之後選項（Y/n），建議選n。它的選項包括是否檢查程式碼格式，是否進行單元測試等，具體問題可以百度。如果不想有這些選項（Y/n），只需將vue init webpack first-react改為vue init webpack-simple  first-react，webpack-simple預設不會有檢查程式碼和單元測試等選項，webpack-simple無需像前面一樣另外做全域性安裝，前面已經全域性安裝webpack了。

5.執行，必須在當前專案資料夾下執行，確保已經執行 cd    專案名稱：

npm start

註解：react是npm start，命令會自動開啟瀏覽器

npm  run dev

註解：vue也是npm  run dev，vue2.0命令會自動開啟瀏覽器，vue版本1需要自行在瀏覽器輸入http://localhost:8080

6.終止，在自帶命令工具，可以直接關閉（如果不需要進行其他操作），也可以ctrl + c 終止（如需要進行其他操作）。

環境配置到此講完，如有不對，歡迎指正，共同進步。