react專案搭建流程

2021-10-09 13:02:37 字數 854 閱讀 4483

1.首先需要node環境，有node環境才能npm

2.安裝node後可以到命令提示符面板檢視node的版本

node -v  


npm -v
有版本代表安裝成功了

3.啟動終端開始安裝react全域性腳手架

npm
4.選擇乙個資料夾或者新建資料夾，要放react專案 ，cd到要放react專案的資料夾

cd react-demo
5.搭建react專案 react-cli 是檔名，自己起，不能有大寫不然會報錯

6.搭建好之後會有乙個名react-cli的檔案 搭建算完成，然後cd到react-cli檔案安裝依賴

cd react-cli
7.安裝node_modules 依賴，才能啟動專案

npm


install
8.安裝完依賴 就可以啟動專案了 專案會以預設瀏覽器開啟專案

npm start
9.後期需要的打包命令

npm run build
打包後進入到build 目錄

啟動node http-server服務即可執行打包後的專案

如何搭建react專案

搭建react環境 跳轉到專案目錄下 執行專案 npm start專案的一些執行方式等。npm start 啟動開發伺服器。starts the development server.啟動開發伺服器。npm run build 專案打包 npm test npm試驗 starts the test ...

1 搭建React專案

檢查版本 node v 安裝cnpm npm install g cnpm registry 檢查cnpm cnpm v 安裝yarn cnpm install g yarn 或者 npm install g yarn 檢查yarn yarn v node v 首先找到專案要建立的目錄，建立專案 c...

react搭建專案環境

在index.js引入react元件 import react from react import reactdom from react dom reactdom.render document.getelementbyid root import react,from react class e...