pages boilerplate

Halaman-boilerplate

Selalu menyenangkan perancah situs statis Anda yang luar biasa.

Memulai

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

Penggunaan

$ yarn < task > [options]

misalnya

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

Skrip yang tersedia

yarn lint atau npm run lint

Serat file gaya & skrip.

yarn compile atau npm run compile

Kompilasi file gaya & skrip & halaman.

yarn serve atau npm run serve

Menjalankan aplikasi dalam mode pengembangan dengan server otomatis.

opsi

• open : Buka browser saat start, default: false
• port : Tentukan port server, default: 2080

yarn build atau npm run build

Membangun aplikasi untuk diproduksi ke folder dist . Ini meminimalkan sumber dalam mode produksi untuk kinerja terbaik.

opsi

• production : Bendera Mode Produksi, Default: false
• prod : alias untuk production

yarn start atau npm run start

Menjalankan proyek dalam mode produksi.

opsi

• open : Buka browser saat start, default: false
• port : Tentukan port server, default: 2080

yarn deploy atau npm run deploy

Menyebarkan folder dist ke halaman GitHub.

opsi

• branch : Nama cabang yang akan Anda dorong, default: 'gh-pages'

yarn clean atau npm run clean

Bersihkan file dist & temp .

Struktur folder

 └── 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

Terkait

• ZCE/X -PAGES - Alur kerja tegukan yang dikelola sepenuhnya untuk situs halaman statis.

Berkontribusi

1. Gabungkan di GitHub!
2. Klon garpu ke mesin Anda sendiri.
3. Checkout Cabang Fitur Anda: git checkout -b my-awesome-feature
4. Komit perubahan Anda pada cabang Anda sendiri: git commit -am 'Add some feature'
5. Dorong pekerjaan Anda kembali ke garpu Anda: git push -u origin my-awesome-feature
6. Kirimkan permintaan tarik sehingga kami dapat meninjau perubahan Anda.

Catatan : Pastikan untuk menggabungkan yang terbaru dari "hulu" sebelum membuat permintaan tarik!

Lisensi

MIT © 汪磊