تنزيل pages boilerplate - تحميل pages boilerplate كود المصدر

pages boilerplate

فئات أخرى

1.0.0

تنزيل

الصفحات النموذجية

يسعدني دائمًا دعم مواقعك الثابتة الرائعة.

ابدء

 # clone repo
$ git clone https://github.com/zce/pages-boilerplate.git my-awesome-pages
$ cd my-awesome-pages
# install dependencies
$ yarn # or npm install

الاستخدام

$ yarn < task > [options]

على سبيل المثال

 # Runs the app in development mode
$ yarn serve --port 5210 --open
# Builds the app for production to the `dist` folder
$ yarn build --production

البرامج النصية المتاحة

`yarn lint` أو `npm run lint`

فحص الأنماط وملفات البرامج النصية.

`yarn compile` أو `npm run compile`

تجميع ملف الأنماط والبرامج النصية والصفحات.

`yarn serve` أو `npm run serve`

تشغيل التطبيق في وضع التطوير باستخدام خادم آلي.

خيارات

open : فتح المتصفح في البداية، الافتراضي: false
port : حدد منفذ الخادم، الافتراضي: 2080

`yarn build` أو `npm run build`

ينشئ التطبيق للإنتاج في مجلد dist . يقوم بتقليل المصدر في وضع الإنتاج للحصول على أفضل أداء.

خيارات

production : علامة وضع الإنتاج، الافتراضي: false
prod : الاسم المستعار production

`yarn start` أو `npm run start`

تشغيل المشاريع في وضع الإنتاج.

خيارات

open : فتح المتصفح في البداية، الافتراضي: false
port : حدد منفذ الخادم، الافتراضي: 2080

`yarn deploy` أو `npm run deploy`

انشر المجلد dist على صفحات GitHub.

خيارات

branch : اسم الفرع الذي ستدفع إليه، الافتراضي: 'gh-pages'

`yarn clean` أو `npm run clean`

تنظيف الملفات dist & temp .

هيكل المجلد

 └── my-awesome-pages ································· project root
   ├─ public ········································· static folder
   │  └─ favicon.ico ································· static file (unprocessed)
   ├─ src ············································ source folder
   │  ├─ assets ······································ assets folder
   │  │  ├─ fonts ···································· fonts folder
   │  │  │  └─ pages.ttf ····························· font file (imagemin)
   │  │  ├─ images ··································· images folder
   │  │  │  └─ logo.png ······························ image file (imagemin)
   │  │  ├─ scripts ·································· scripts folder
   │  │  │  └─ main.js ······························· script file (babel / uglify)
   │  │  └─ styles ··································· styles folder
   │  │     ├─ _variables.scss ······················· partial sass file (dont output)
   │  │     └─ main.scss ····························· entry scss file (scss / postcss)
   │  ├─ layouts ····································· layouts folder
   │  │  └─ basic.html ······························· layout file (dont output)
   │  ├─ partials ···································· partials folder
   │  │  └─ header.html ······························ partial file (dont output)
   │  ├─ about.html ·································· page file (use layout & partials)
   │  └─ index.html ·································· page file (use layout & partials)
   ├─ .csscomb.json ·································· csscomb config file
   ├─ .editorconfig ·································· editor config file
   ├─ .gitignore ····································· git ignore file
   ├─ .travis.yml ···································· travis ci config file
   ├─ CHANGELOG.md ··································· repo changelog
   ├─ LICENSE ········································ repo license
   ├─ README.md ······································ repo readme
   ├─ gulpfile.js ···································· gulp tasks file
   ├─ package.json ··································· package file
   └─ yarn.lock ······································ yarn lock file