Welcome To OA's F2E Framework!

OA 個人常用的前端開發工具�?

�?��?�

本作�?�?權採用 姓�?�標示-非商業性 2.0 台�?� (CC BY-NC 2.0 TW) �?權，詳見 http://creativecommons.org/licenses/by-nc/2.0/tw/

說�?�

• OA 個人開發前端所使用的工具，有�??趣的可以�?�?。
• 本架構下使用 jQuery�?compass�?Gulp 開發。
• 支援�?�署至 GitHub Pages �?�靜態�?面 DEMO。
• 支援�?�署至 Amazon Simple Storage Service (Amazon S3) �?�靜態�?面 DEMO。

使用方法

• 請�?確認電腦�?��?�已完�??安裝 Node.js �?� compass。
• 第一次使用，請至 cmd/ 下執行 sudo npm install . 以完�?? npm 相關套件安裝。
• 執行 compass，請至 cmd/ 下執行 compass watch
• 執行 Livereload，請至 cmd/ 下執行 gulp watch。
• 新增 font icon，請�?執行 gulp watch 後再下載的檔�?取代至 font/icomoon/ 將目錄內檔�?。
• Font icon �?�?網站：https://icomoon.io/。

�?�署

類型有兩種 1. �?�署�?� GitHub Pages 2. �?�署�?� Amazon Web Services(AWS) S3，若�?�不知�?�該�?�擇什麼語法建議使用 php �?�署工具，使用方式�?�在 cmd 資料夾下執行指令 php upload 即可依據步驟上傳�?�署。

�?�署�?� GitHub Pages

主�?�?�兩大類狀�?，尚未執行�?� sudo npm install . �?� 已經執行�?� sudo npm install .，並且�?注意本機�?��?�已經有 gh-pages �?�支，以下�?��?��?��?�種狀�?下所使用的語法。

• 尚未執行�?� sudo npm install .，並且本機尚未有 gh-pages �?�支，請至�?�?目錄下執行以下指令：

git branch -v gh-pages && git checkout gh-pages && cd cmd && sudo npm install .  && gulp minify && gulp gh-pages && cd ../ && git add -A && git commit -m 'Minify js�?html, fix gh-pages path bug.' && git push origin gh-pages --force && git checkout master

• 尚未執行�?� sudo npm install .，並且本機已經有 gh-pages �?�支，請至�?�?目錄下執行以下指令：

git branch -D gh-pages && git branch -v gh-pages && git checkout gh-pages && cd cmd && sudo npm install . && gulp minify && gulp gh-pages && cd ../ && git add -A && git commit -m 'Minify js�?html, fix gh-pages path bug.' && git push origin gh-pages --force && git checkout master

• 已經執行�?� sudo npm install .，並且本機尚未有 gh-pages �?�支，請至�?�?目錄下執行以下指令：

git branch -v gh-pages && git checkout gh-pages && cd cmd && gulp minify && gulp gh-pages && cd ../ && git add -A && git commit -m 'Minify js�?html, fix gh-pages path bug.' && git push origin gh-pages --force && git checkout master

• 已經執行�?� sudo npm install .，本機已經有 gh-pages �?�支，請至�?�?目錄下執行以下指令：

git branch -D gh-pages && git branch -v gh-pages && git checkout gh-pages && cd cmd && gulp minify && gulp gh-pages && cd ../ && git add -A && git commit -m 'Minify js�?html, fix gh-pages path bug.' && git push origin gh-pages --force && git checkout master

若�?��?�不知�?�該怎麼�?�擇，則直接在 cmd 資料夾下執行指令 php upload 即可依據步驟上傳�?�署。

�?�署�?� Amazon Web Services(AWS) S3

主�?�?�藉由執行 cmd/put.php 將檔�?上傳至 S3，請確保本機�?�執行 php �?本 5.6 �?�以上�?本才可以使用，指令中的 {bucket}�?{access}�?{secret} 請置換�??自己的值

• �?壓縮檔�?，請至�?�?目錄下執行以下指令

git add -A && git commit -m 'Fix code.' && git push origin master && cd cmd && php put.php -b {bucket} -a {access} -s {secret} -m 0 && cd .. && git checkout .

• 不�?壓縮檔�?，請至�?�?目錄下執行以下指令：

git add -A && git commit -m 'Fix code.' && git push origin master && cd cmd && php put.php -b {bucket} -a {access} -s {secret} && cd .. && git checkout .

若�?��?�不知�?�該怎麼�?�擇，則直接在 cmd 資料夾下執行指令 php upload 即可依據步驟上傳�?�署。

�?數說�?�：

EX: �?�設 Bucket �?�稱�?� abc.com.tw，Access key �?� AsDfGh，Secret key �?� ZxCvB123，那就�?�在 cmd/ 下執行以下語法：
php put.php -b abc.com.tw -a AsDfGh -s ZxCvB123

關於

• 作者 - OA Wu
• E-mail - comdan66@gmail.com
• 作�?�?�稱 - OA's F2E Framework
• 最新�?本 - 4.3.3
• GitHub - OA's F2E Framework
• 更新日期 - 2018/01/02