react啟動命令 十分鐘搭建React開發環境

2021-10-18 08:14:41 字數 1194 閱讀 4672

react是facebook開源的js庫,主要用於構建ui,它採用宣告式的設計,通過虛擬dom,提高程式執行效率,並且實現了ui的響應式更新,目前react在前端專案中有著廣泛的應用,本文主要講解如何搭建react開發環境。

開發環境

1.nodejs和npm

2.vscode

3.切換npm映象源

開啟命令列執行 輸入

npm config set registry
npm install -g cnpm --registry=
安裝成功後,執行
my-react-project是專案的名稱,這條命令會新建my-react-project目錄,並且生成package.json,安裝相關的react,react-dom等依賴。
命令執行成功後,執行
cd my-react-project npm start
執行成功後,在瀏覽中輸入http://localhost:3000/,會看到歡迎頁面,此時react開發環境已經搭建成功了。

5.vscode外掛程式

先在專案命令列中執行npm start,讓工程執行起來。然後按f5啟動除錯,這時vscode會自動生成配置檔案。配置檔案位於.vscode資料夾,名稱為launch.json。

"        }    ]}
注意這裡的url配置中有埠號3000,是修改之後的。npm start後執行的埠號要和這裡的一致,這樣才可以正常啟動除錯。

往期推薦

vscode搭建es6開發環境

vscode配置中文顯示

一文搞定開發學習環境

課間十分鐘

時間限制 1000 ms 記憶體限制 128 mb 兩人都是數學愛好者,便發明了乙個遊戲。在遊戲開始前,他們先約定乙個正整數n,同時令m 1。遊戲過程中,每個人都可以將m的值擴大2到9中的任意倍數。第乙個使m n的人就是最後的贏家。181818181818和zbt都十分聰明,並且遊戲過程中都使用最佳...

十分鐘的代價

2008年9月15日上午10 00,擁有158年歷史的美國第四大投資銀行 雷曼兄弟公司向法院申請破產保護,訊息轉瞬間通過電視 廣播和網路傳遍地球的各個角落。令人匪夷所思的是,在如此重大的情況下,德國國家發展銀行在十分鐘後,居然按照外匯掉期協議的交易,通過計算機自動付款系統,向雷曼兄弟公司即將凍結的銀...

十分鐘的悲劇

2008年9 月15日上午 10 00 擁有158 年歷史的美國第四大投資銀行 雷曼兄弟公司向法院申請破產保護,訊息轉瞬間通過電視 廣播和網路傳遍地球的各個角落。令人匪夷所思的是,在如此明朗的情況下,德國國家發展銀行 10 10 居然按照外匯掉期協議的交易,通過計算機自動付款系統,向雷曼兄弟公司即將...