<aside> 💡

如果 package.json 有新增其他套件請安裝相應套件!

npm install

</aside>

<aside> ⚠️

注意事項!!!

• Vue 的檔案名稱使用大駝峰命名

  • 頁面類：HomePage.vue 請記得在後面加 Page
  • 元件類：Button.vue

• 在 JavaScript 內使用小駝峰命名，並且禁止使用 var 宣告變數

• 在 commit 前請先確認現在的分支位置在進行 commit 的動作

  

• 在 commit 時請依照 commit 規範做填寫

  • 例如: feat: 新增購物車功能

• 在 merge 前請先把 dev 分支 pull 下來確認 dev 是最新版本在進行 merge </aside>

1. 起手式

git config --global core.autocrlf input // 切換成 input 而不是強制使用 crlf
git clone [網址] // 到 github 複製一份到本地端
cd [檔案] // 進到根目錄
npm install // 安裝相應套件會產生 node_module
npm run dev // 測試是否能夠運行

基本說明

• ⭐ Git規範 (最底下補充資料有常用指令)
• hover /disable
• 所有輸入框都要包在<form>裡

技術棧(Technology Stack)

前端：

• 框架/函式庫：Vue.js (Vue 3),GSAP?,Anime.js?,…
• 建構工具：Vite
• 核心語言：HTML, CSS, JavaScript
• UI/樣式框架：Tailwind CSS ?
• CSS 預處理器：Sass (或 Scss)

後端 ：

• 語言：PHP ?
• 框架：Laravel ?

資料庫：

• 系統：MySQL

Coding良好習慣

• class, Id都用複製貼上

字體設定

• 字型
• 電腦字體設定
• 手機字體設定

color(顏色變數)

• 主色
• 輔色
• 背景色
• 資訊(nav bar等)
• 注意(警告)與錯誤
• 黑色系
• 灰色系
• 白色

常用組件

• 置中
• 圓角
• 陰影
• 外框線 border
• 氣質線(水平)

RWD寫法

• 針對整頁的最外層物件
• 針對某物件寫rwd

from表單

• from表單
• 下拉選單

Git常用指令及說明 (1)