Giter Club home page Giter Club logo

dperfume-ecommerce's Introduction

dperfume-ecommerce

> 香水電商網站 / 設計搞

指令列表

  • gulp - 執行開發模式(會開啟模擬瀏覽器並監聽相關檔案)
  • gulp build - 執行編譯模式(不會開啟瀏覽器)
  • gulp clean - 清除 dist 資料夾
  • gulp deploy - 將 dist 資料夾部署至 GitHub Pages

說明

  • 除了 Boostrap CSS 與 Boostrap JavaScript 需要掛 CDN 之外,本身已經內建打包 jQuery 3.5.1。
  • 若有需要調整相關路徑參數可在 envOptions.js 中調整,但建議不要隨意調整導致 Gulp 無法正常運行。
  • 假使對於 Gulp 不熟悉會建議不要任意調整 gulpfile.js 底下的資料任一檔案,避免出現無法正常運作之問題。

支援的監聽

  • 支援 HTML、ejs、JavaScript、Images、SCSS 監聽並自動重新刷新。
  • 圖片新增時也會自動刷新。

部署 github-pages 流程

部署前請務必先將該 Gulp 原始碼上傳到 GitHub Repositories 也就是初始化 GitHub,因此通常第一步驟會輸入以下指令

git add .
git commit -m 'first commit'
git remote add origin [GitHub Repositories Url]
git push -u origin master // 僅限第一次輸入,往後只需要輸入 git push

當將 Gulp 初次部署之後就可以輸入 gulp build 進入生產模式,當生產完畢之後最後只需要輸入 gulp deploy 即可完成 GitHub Pages 部署。

dperfume-ecommerce's People

Contributors

rayc2045 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.