創建React項目,常用的方式有兩種:
- 官方提供的腳手架,官網:https://create-react-app.dev/。如需創建名為?my-app?的項目,請運行如下命令:
npx create-react-app my-app
- 使用Vite包,官網:https://vite.dev/。如需創建項目,請運行如下命令:
npm create vite@latest
經過對比分析,使用Vite包更加便利。故強烈推薦使用此方式。
Vite創建項目步驟,輸入創建命令后,根據提示一步一步完成,首先輸入項目名稱(react-vite-app),然后選擇框架(React),最后選擇語言(TypeScript),當然,你完全可以根據自己的喜好進行選擇。如下圖:
創建完成后,進入項目目錄,執行命令:npm install 安裝依賴包,安裝成功后,運行:npm run dev,開啟Web服務器,如下圖:
在瀏覽器地址欄中輸入:http://localhost:5173,就可以看到預覽界面了
至此,使用Vite包創建React項目,操作成功。使用VS Code 查看具體的項目文件。如下圖:
項目文件的結構及各文件的說明,可以自行搜索,并可根據實際需要,對項目文件進行增、刪、改。