前言
?由于項目組前端緊缺的原因嗓袱，一個后端開發(fā)安排了前端開發(fā)任務(wù)大刊，之前有用過VUE開發(fā)過后端頁面，這么說來還是有經(jīng)驗的狈涮，借此記錄一下React開發(fā)環(huán)境搭建過程狐胎。
一、Node.js下載安裝
1歌馍、百度搜索Node.js下載即可看到官網(wǎng)地址握巢，打開可以看到如圖，這里根據(jù)自己電腦操作系統(tǒng)選擇下載安裝包松却，往下滑可選歷史版本下載暴浦。
image
2、雙擊下載安裝包玻褪，無腦下一步（next）即可肉渴，中間可更改安裝目錄。
<font color=#999AAA >注：此處省略安裝過程</font>
image
3带射、打開cmd命令窗口同规，輸入node -v 查看版本，如圖則表示安裝成功窟社。
image
4券勺、檢查npm命令是否支持，輸入npm -v 檢查版本灿里，顯示版本則表示安裝成功关炼。
注：與Node.js一起安裝好了，無需另外安裝
[圖片上傳失敗...(image-c7126f-1605515055335)]
5匣吊、安裝cnpm命令儒拂，默認鏡像較慢寸潦，我們需要切換到淘寶的鏡像安裝：npm install -g cnpm --registry=https://registry.npm.taobao.org，安裝成功后社痛，可以輸入cnpm -v檢查是否安裝成功见转。
<font color=#999AAA >這里npm、cnpm簡要說明一下蒜哀，npm是官方自帶包鏡像命令斩箫，cnpm是國內(nèi)淘寶鏡像命令。</font>
image
二撵儿、創(chuàng)建React項目
1乘客、安裝創(chuàng)建React項目的模塊cnpm install -g create-react-app
image
2、切換到項目空間目錄淀歇，創(chuàng)建React項目 react-demo易核，輸入創(chuàng)建命令create-react-app react-demo在當(dāng)前目錄下創(chuàng)建。
image
中間省略N行安裝信息......成功創(chuàng)建React項目
image
3房匆、創(chuàng)建完成項目我們需要切到項目目錄下耸成，執(zhí)行npm start啟動命令運行項目，下圖我們可以看到啟動成功日志浴鸿。
image
4井氢、瀏覽器訪問啟動成功日志中的路徑：http://localhost:3000/，到這就算成功創(chuàng)建React項目了岳链。
image
三花竞、React項目常用npm命令使用
| 命令 | 說明 |
|---|---|
| npm install 模塊名 -g | 安裝依賴模塊，加-g全局安裝掸哑，否則本地安裝 |
| npm uninstall -g 模塊名 | 卸載依賴模塊约急，加-g全局卸載，否則本地卸載 |
| npm install 模塊名 -g | 安裝依賴模塊苗分，加-g全局安裝厌蔽，否則本地安裝 |
| npm install 模塊1 模塊2 模塊n --save | 安裝多個模塊 |
| npm start | 啟動項目 |
| npm run build | 打包構(gòu)建項目（構(gòu)建成靜態(tài)文件） |
總結(jié)
?本章詳細介紹從React環(huán)境搭建到項目創(chuàng)建以及常用命令使用說明，這些都是準(zhǔn)備學(xué)習(xí)摔癣、開發(fā)React必需要掌握的技能奴饮，所謂磨刀不誤砍柴功就是這么個道理，如有疑問歡迎評論留言择浊，小編會及時回復(fù)哦~喜歡的同學(xué)動動手指點個贊戴卜、收藏吧！
