[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 引入進來



測試成功.. 感動 :))






留言

這個網誌中的熱門文章

[面試] 日月光 設備工程師

[日文] Google日文輸入法 簡單安裝說明

[Windows] 還我 win7 相片檢視器!!