先從vue和react的環(huán)境配置安裝開始講乱灵，在配置環(huán)境前請確保已經(jīng)安裝node
1.設(shè)置淘寶鏡像：
npm install -g cnpm--registry=https://registry.npm.taobao.org
注解： npm安裝會很慢逐沙，有時由于網(wǎng)絡(luò)原因模塊安裝還會錯誤肄鸽，后面需要安裝的東西很多，所有先裝cnpm产徊。以后所有的npm install使用cnpminstall代替辑鲤，-g是全局，在其他盤也可以使用這個命令的
2.全局安裝webpack和服務(wù)器：
cnpm install webpackwebpack-dev-server–g
注解：全局安裝webpack和webpack-dev-server壕曼，多個安裝用空格隔開就行，以上兩個是不分vue和react的等浊。
3.全局安裝對應(yīng)腳手架：
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.創(chuàng)建項目和安裝：
(1):create-react-app ?項目名稱
(2):cd? 項目名稱
注解：例如create-react-app? first-react庄萎，react會自動執(zhí)行npm install踪少，執(zhí)行完成后塘安，再cd? 項目名稱
(1):vue init webpack? 項目名稱
(2):cd? ? 項目名稱
(3):cnpm install
注解：例如vue init webpack first-react糠涛，第（2）步之后，一定不要忘記cnpm install兼犯。
注意：執(zhí)行第一步完成后忍捡，會有一些問題，第一個是問文件夾名字切黔，第二個是項目描述砸脊，第三個是作者，這些可以鍵盤輸入之后按enter纬霞，也可以一直按enter凌埂，會有默認(rèn)值。之后都是選項诗芜，react一路按enter沒有問題的瞳抓。vue之后選項（Y/n）埃疫，建議選n。它的選項包括是否檢查代碼格式孩哑，是否進行單元測試等栓霜，具體問題可以百度。如果不想有這些選項（Y/n）横蜒，只需將vue init webpack first-react改為vue init webpack-simple? first-react胳蛮，webpack-simple默認(rèn)不會有檢查代碼和單元測試等選項，webpack-simple無需像前面一樣另外做全局安裝丛晌，前面已經(jīng)全局安裝webpack了仅炊。
5.運行，必須在當(dāng)前項目文件夾下運行茵乱，確保已經(jīng)執(zhí)行 cd? ? 項目名稱：
npm start
注解：react是npm start茂洒，命令會自動打開瀏覽器
npm? run dev
注解：vue也是npm? run dev，vue2.0命令會自動打開瀏覽器瓶竭，vue版本1需要自行在瀏覽器輸入http://localhost:8080
6.終止督勺，在自帶命令工具，可以直接關(guān)閉（如果不需要進行其他操作）斤贰，也可以ctrl + c 終止（如需要進行其他操作）智哀。
環(huán)境配置到此講完，如有不對荧恍，歡迎指正瓷叫，共同進步。
