Lalilo

版本：1.0.0

用自己做出來的工具開發，就想再品嚐自己做的一道菜，美味只有自己知道。

說明

這是一套 OA Wu 所製作的個人網頁前端框架，主功能是快速編寫網頁，主要語言為 HTML、SCSS、JsvaScript 的框架，並寫在 cmd 目錄可使用 Node.js 協助開發，使用之前只需要安裝 Node.js

環境

• 需要可以執行 node 指令的環境
• 因應需求，可以視情況關閉 PHP 功能，於 cmd/config/ 內設定，Build.js 與 Serve.js 的 php.enable

安裝

• MacOS
  • Node.js ─ 請參考 Node.js
  • PHP ─ 請參考 PHP

開發

1. 終端機進入專案目錄下的 cmd 目錄。
2. 第一次使用請先於 cmd 目錄下執行指令 npm install，接著繼續於 cmd 目錄內再執行指令 node Serve.js 即可！
3. 開發皆在 src 目錄內開發。

編譯

1. 終端機進入專案目錄下的 cmd 目錄。
2. 在 cmd 目錄下執行指令 node Build.js 即可！
3. 結果會產生在 dist 目錄內。

參數

• --env 縮寫 -E，編譯檔案時使用，需開啟 PHP 功能才會使用到，預設值：Development
• --base-url 縮寫 -U，編譯檔案時使用，需開啟 PHP 功能才會使用到，預設值：空字串

部署

• 參數 --goal 縮寫 -G，部署到哪個平台，預設有 s3 與 github 兩個目標，預設為 github，進階選項於 cmd/config/Deploy.js 設定
• 部署前會先執行 編譯 功能，故保留編譯的 --env 與 --base-url 參數功能

部署 GitHub

1. 終端機進入專案目錄下的 cmd 目錄。
2. 在 cmd 目錄下執行指令 node Deploy.js -G github

參數

• --account 縮寫 -A，部署目標的 GitHub 帳號
• --repository 縮寫 -R，部署目標的 GitHub 倉庫（repository）
• --branch 縮寫 -B，部署目標的 GitHub 分支（branch）
• --message 縮寫 -M，部署時的 commit 訊息

部署 S3

1. 終端機進入專案目錄下的 cmd 目錄。
2. 在 cmd 目錄下執行指令 node Deploy.js --goal s3 --bucket bucket --access access --secret secret

參數

• --bucket 縮寫 -B，S3 上的 bucket 名稱
• --access 縮寫 -A，AWS 使用者的存取金鑰 access key（存取金鑰 ID）
• --secret 縮寫 -A，AWS 使用者的存取金鑰 secret key（私密存取金鑰）