1. 程式人生 > >初始化一個React項目

初始化一個React項目

AC 第一步 depth 分割 方法 image 結束 *** app

1.create-react-app是一個通過npm發布的安裝包,在確認Node.js和npm安裝好之後,輸入下面命令創建。

技術分享圖片

2.安裝結束後,使用下面命令創建應用目錄。

技術分享圖片

3.打開目錄

技術分享圖片

4.運行項目

技術分享圖片

5.瀏覽器會自動打開瀏覽器,如下圖

技術分享圖片

***************** 分割線 *********************

作為新人入坑,遇到一個問題。eate-react-app不是內部命令的錯誤。這也是用npm安裝全局包時經常出現的問題。

解決方法:

第一步:查詢系統安裝了哪些全局包

npm list -g –depth=0

會返回一些包的安裝信息,類似如下
C:\Users\\admin\AppData\Roaming\npm

第二步:
將得到的路徑C:\Users\sunlei\AppData\Roaming\npm添加到系統環境變量的Path路徑下

環境變量打開方法:

【我的電腦】 – 【右鍵屬性】 – 【左邊欄選擇“高級系統設置”】 – 【選擇“環境變量”按鈕】– 【在彈出的對話框中在系統變量中找到Paht字段】 – 【編輯添加你電腦裏的上述路徑】

技術分享圖片

第三步:然後繼續執行你想執行的步驟。

初始化一個React項目