== 一定要先切到dev再建立自己的分支!!!!==

開啟專案

1. git clone
2. npm install
3. npm start
4. 開啟 http://localhost:3000

建立分支

main 主分支 dev 測試分支 (到時大家做完會先在這裡統整沒問題才會merge到main)

git switch dev    --> very important !!!!!!! 一定要先切到dev分支再建立自己的分支
git branch feature/{fav}   --> 建自己的分支 ex: { 自己取名 }  fav收藏頁
git switch feature/fav     --> 移動到此分支

然後main的東西都不要動
要從dev改東西就好
基本上應該不會常改 除了scss以外 跟增加component

然後如果有人在dev改東西 要跟大家說喔
因為 大家必須要先rebase

-> 指令： 
git fetch origin dev  --> 抓dev最新資料
git rebase origin/dev --> 合併commit

可能會有衝突！不懂的一定要問！不要亂打亂按!!


git push --set-upstream origin {自己分支的名稱}   --> 將本機新建好的分支，第一次要push上github時，要打的指令
git clone -b {分支名稱} {分支網址}   --> 從遠端github拉特定分支，到本機裡。

建立檔案

src/ pages/ {Fav.js } --> 檔名必大寫

在 src/styles 裡面建立屬於自己的 scss ex: _fav.css --> 要加底線喔! 表示被import的檔 然後 import './_global.scss' (共同的) 即可直接使用共同的scss樣式

在Index.js import './styles/_fav.scss' --> 自己的scss檔

關於Styles

index.scss 只用來連結檔案
其餘的scss統一前綴加_ 表示是被import的檔案
/styles/_variables
放變數
1.可延用或依照個人習慣自行新增
2.已經有引入boostrap scss 可自行更改變數(記得放在boostrap scss上面)
/styles/_global
1.放全域樣式
2.可延用或依照個人習慣自行新增

命名方式

1. 變數名稱

• 小駝峰(小＋大) ex: windSpeed

• 變數命名方式：

const [變數名稱 , 設定變數名稱的方法] = useState(預設值);
const [windSpeed , setWindSpeed] = useState(0);

2. 函式名稱:

   因為React Component 函式組件 —> 首字母都要大寫 所以首字母大寫＋大寫

• 大駝峰(大＋大) ex: WindSpeed

3. 資料庫欄位名稱： 尚未建置的資料表： (主要資料表) -> 部落格、展覽、課程

   資料庫設計-正規化與反正規化： https://jamie-life-coding.site/2021/09/database-normalization-pros-cons/

   一律小寫然後用兩個詞以上就用底線隔開

      

4. 檔案名稱：

• 大駝峰(大＋大)

  首字母大寫＋大寫 ex: WindSpeed

     

5. 資料夾名稱：

• 大駝峰(大＋大) 首字母大寫 命名隨意（但要有意義,別人看得懂）

     

6. Git flow; Git Branch名稱：

   Git flow參考文章： https://gitbook.tw/chapters/gitflow/why-need-git-flow 如何使用： https://gitbook.tw/chapters/gitflow/using-git-flow

   

   Git Branch是固定的

   develop feature/ Member 大寫

   切版分支這樣開: feature/Layout/自訂的Component or Page名稱 切版完成後merge回 feature/Layouts

7. html內class名稱、id名稱 全部小寫，底線隔開2個詞

   <li id=wind_speed" class="wind_speed"> <li>