搭建簡單的React專案

2021-08-15 12:39:51 字數 379 閱讀 7850

react學習介紹

學習了幾個星期的react,想稍微整合一下知識,所以寫了這篇博文,以搭建乙個基礎的react的專案為線索整合學到的知識,具體很多的細節不深究。以及由於還是小白乙個,可能我所提供的步驟不是最好的解決方案,甚至繁瑣,但一步步操作是能夠建立乙個簡單react專案的。對於初窺react比我還小白的小白還是有幫助的~

乙個簡單的專案結構如上圖,package.json是乙個最重要的配置檔案。裡面配置了專案依賴的包,最新開始載入的入口檔案等資訊。

接下來我們就可以執行這個react專案了。ctrl+` 開啟終端,

cnpm install

cnpm start

該專案就執行起來了。

搭建結束,接下來就是編寫自己的react專案了。

搭建乙個簡單的React專案

這上面的就不細說了,用過三大框架的應該都清楚。1.建立目錄結構 其實這些目錄都是可以按照個人習慣來定義,但是不可缺少的一定要加上 2.安裝路由 建立router index.js 安裝react router dom npm install react router dom或者有的人比較喜歡使用ya...

react的初始專案搭建

使用腳手架初始化專案 進入到專案根目錄 使用 npm start 介紹與使用 特性適用場景 快速上手 使用import from antd mobile 匯入樣式 在index.js 中匯入元件樣式 import antd mobile dist antd mobile.css or antd mo...

如何搭建react專案

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