Skeleton Components

Kerangka

Lompat-awal pengembangan front-end Anda. Skeleton adalah boilerplate html5 build di atas rosid.

Isi

• Fitur
• Persyaratan
• Pengaturan
• Cara menggunakan
  • Mengembangkan
  • Menyusun
  • Ui
• Buruh pelabuhan
• Pemecahan masalah

Fitur

• Kerangka adalah basis untuk semua proyek web sehari-hari Anda. Lompat-awal pekerjaan Anda dan kembangkan tanpa memulai dari nol. Semua yang Anda butuhkan satu garpu.
• Proyek ini ditenagai oleh Rosid, server web dengan pra-pemrosesan tepat waktu. JS (dengan Babel, Uglifyjs), Sass (dengan Cssnano, Autoprefixer) dan Nunjucks dapat digunakan langsung dari kotak.
• Kerangka hanyalah permulaan. Fork It dan ambilkannya dengan kebutuhan Anda sendiri. Struktur yang telah ditentukan memberi Anda fleksibilitas dan dapat dimodifikasi dengan mudah.

Persyaratan

Tanggungan kerangka pada…

• Node.js (v8.5.0 atau lebih baru)
• benang

Pastikan untuk menginstal dan memperbarui semua dependensi sebelum Anda garpu dan mengatur kerangka.

Pengaturan

Pasang semua dependensi yang diperlukan dengan benang sebelum Anda mulai berkembang.

yarn install

Cara menggunakan

Mengembangkan

Mulailah mengembangkan menggunakan perintah berikut. Peramban Anda akan terbuka, menunggu perubahan kode dan langsung-reload secara instan saat Anda memperbarui file Anda. JS, Sass dan Nunjucks akan dikompilasi secara langsung.

yarn start

Menyusun

Siap untuk prime time? Ekspor semua file, disusun dan disiapkan untuk audiens Anda. Sederhana mengunggah dist/ folder akhir ke server Anda dan bersantai. Duduk dan nikmati burger lezat dari restoran favorit Anda.

yarn run compile

Ui

Skeleton termasuk Malvid untuk membantu Anda membangun dan mendokumentasikan komponen web. Mulai server pengembangan dan buka /index.html di browser Anda. Jalan ke UI dapat diubah di rosidfile.js .

Buruh pelabuhan

DockerFile yang disertakan memungkinkan Anda membangun gambar yang menyusun situs Anda. Dalam hal ini hanya Docker yang perlu diinstal pada sistem. Tidak ada dependensi lain yang diperlukan.

Membangun

Bangun gambar dari Dockerfile. Ini harus dilakukan setiap kali Anda memodifikasi proyek. Sumber baru akan disalin ke dalam gambar.

docker build -t electerious/skeleton .

Menyusun

Mulai wadah untuk mengkompilasi situs Anda. Wadah akan keluar secara otomatis ketika semua tugas telah selesai. Volume yang dipasang akan berisi semua file yang dikompilasi.

docker run --rm -tv " $( pwd ) /dist:/dist " electerious/skeleton

Pemecahan masalah

• Instal versi terbaru Node.js dan Benang
• Hapus node_modules dan instal ulang semua dependensi
• Periksa apakah proyek tergantung pada versi terbaru ROSID
• Cobalah untuk mengkompilasi situs menggunakan DockerFile yang disertakan