Source Preview

晚安森林

HTML JavaScript Sass/SCSS

晚安森林-X-六角學院

晚安森林 Cover

  • 此專題為參加 AAPD x 六角學院產品研發營，共同協作的作品。
  • 設計師團隊提供 UI 設計實戰營中的畢業專題 Figma 交付設計稿給六角工程學員來進行前端開發。
  • 設計師擁有完整設計稿的展示權利，工程師僅擁有在 GitHub 上 Repo 上網頁展示權利。

UI 設計團隊

  • 貝拉
  • 七卡 (berrymoth)

前端開發團隊

  • Johnson
  • 周周

Node.js 版本

  • 專案的 Node.js 版本需為 v16 以上
  • 查看自己版本指令：node -v

指令列表

  • npm install - 初次下載該範例專案後，需要使用 npm install 來安裝套件
  • npm run dev - 執行開發模式
    • 若沒有自動開啟瀏覽器，可嘗試手動在瀏覽器上輸入 http://localhost:5173/<專案名稱>/pages/index.html
  • npm run build - 執行編譯模式（不會開啟瀏覽器）
  • npm ru deploy - 自動化部署

資料夾結構

  • assets # 靜態資源放置處

    • images # 圖片放置處
    • scss # SCSS 的樣式放置處

  • layout # ejs 模板放置處

  • pages # 頁面放置處

  • JavaScript 程式碼可寫在 main.js 檔案