[React] 快速建立 react 專案,透過 CRA
這.. 建立一次後.. 就是一直 coding.. 是我的話.. 不會記得...
1. 下指令建專案 (基本上這樣就可以了..)
2. 刪除不需要之檔案
3. 建立基本結構 (yijay 常用之結構..)
4. 測試專案
1. 下指令建專案
要先安裝 Node (10.16↑) 環境 及 npm (5.6↑) 套件管理器
在指定的資料夾下以下指令:npx create-react-app my-app
下完即開始安裝
安裝完成
移動到該資料夾:cd my-app
執行程式:yarn start (如果僅裝 npm,那請下 npm start 來執行)
以下畫面即完成安裝
2. 刪除不需要之檔案
有些東西未來有可能還是會用到,但 yijay 還很新..
src 資料夾的東西刪了很多,保留 index.js 即可
修改 index.js,理論上執行畫面就不會報錯了
3. 建立基本結構
此結構,因人而異,因公司而異,沒有一定 (押韻!!)
components:各頁面之元件
global:常數、小工具等共用之程式
pages:各頁面
styles:css 檔
4. 測試專案
在 pages/home/index.js coding
在 src/index.js 把 home 引入進來
測試成功.. 感動 :))
留言
張貼留言