mimogear
1.0.0
Mimogear是用於開發靜態網站的完整 Web 開發樣板。 Mimogear 內包含 Gulp、Sass 和 Pug 樣品文件,可協助您入門。對於任何靜態網站來說,新手和專業人士都會有賓至如歸的感覺!只需運行
gulp
即可開始建置!
特徵 | 概括 |
---|---|
Gulp 樣板文件 | Gulp 根據環境智慧處理編譯和最佳化任務,以加快 Sass、Pug 和 js 開發速度。 |
響應式 Sass 樣板 | 具有各種 mixins 的靈活 Sass 樣板、更簡單的 BEM 形式以及與平台無關的方法。 |
基礎 Pug 模板樣板 | 使用 Pug 的壓縮語法、高度結構化的 HTML 範本設定、Markdown 支援和入門部分更快地產生 HTML 檔案。 |
可選的 JavaScript 模組 | 完全可選的 JavaScript 模組,用於動態建立幻燈片、燈箱、觸發器和元素。 |
效能最佳化 | Gulp 將縮小 CSS、連接和醜化 javascript,並優化圖片以產生高效能的靜態頁面。 |
即時重新載入 | 每當您更改文件時都會重新載入瀏覽器。 |
跨裝置同步 | BrowserSync 跨裝置同步操作以加快測試速度。 |
風格指南產生器 | 預設會建立核心 HTML 元素的頁面,以便於網站樣式設計和將來參考。 |
部署入門套件 | 將您的網站部署到 GitHub 頁面並使用 Travis CI 入門工具包進行激增。 |
準備好並設定好 npm 後,打開終端機並輸入以下內容:
git clone https://github.com/mimoduo/mimogear.git
cd mimogear
npm install gulp-cli -g
npm install
gulp
您的網站將自動在瀏覽器視窗中打開,gulp 將開始監視您的文件,而 Browsersync 將自動重新載入您的變更。查看 /src/ 查看閃亮的新 Web 開發樣板!
一切準備就緒後,文件就為您準備好了:
如果您已經使用 Mimogear 建立了一個網站,並且想向世界展示您的甜蜜網站,請隨時建立拉取請求並將其添加到下面的清單中:
我希望您喜歡使用 Mimogear 進行開發,就像我喜歡建造它一樣!如果您喜歡請分享!如果沒有我朋友的幫助,這個靜態網站產生器是不可能實現的。他們在不知不覺中為這一切的各個方面做出了貢獻^w^ 最引人注目的是尼克·霍爾(Nick Hall),他是世界上最好的導師!