Mimogear เป็นต้นแบบการพัฒนาเว็บไซต์ที่สมบูรณ์แบบสำหรับการพัฒนาไซต์แบบคงที่ ภายใน Mimogear คุณจะพบกับ Gulp, Sass และ Pug สำเร็จรูปเพื่อให้คุณเริ่มต้นได้ ผู้มาใหม่และมืออาชีพจะรู้สึกเหมือนอยู่บ้านด้วยการเริ่มต้นที่ดีสำหรับไซต์คงที่! เพียงแค่วิ่ง
gulp
และสร้าง!
คุณสมบัติ | สรุป |
---|---|
อึกหม้อต้ม | Gulp จัดการงานการคอมไพล์และการเพิ่มประสิทธิภาพอย่างชาญฉลาดตามสภาพแวดล้อมเพื่อการพัฒนา Sass, Pug และ js ที่รวดเร็วยิ่งขึ้น |
Sass Boilerplate ที่ตอบสนองได้ดี | Sass สำเร็จรูปที่ยืดหยุ่นพร้อมมิกซ์อินต่างๆ รูปแบบ BEM ที่เรียบง่ายกว่า และแนวทางที่ไม่เชื่อเรื่องแพลตฟอร์ม |
แผ่นหม้อต้มเทมเพลต Base Pug | สร้างไฟล์ HTML ได้เร็วขึ้นด้วยไวยากรณ์แบบย่อของ Pug การตั้งค่าเทมเพลต HTML ที่มีโครงสร้างสูง การรองรับมาร์กดาวน์ และการเริ่มต้นบางส่วน |
โมดูล Javascript เสริม | โมดูลจาวาสคริปต์ที่เป็นตัวเลือกโดยสมบูรณ์เพื่อสร้างสไลด์โชว์ ไลท์บ็อกซ์ ทริกเกอร์ และองค์ประกอบต่างๆ ได้ทันที |
การเพิ่มประสิทธิภาพการทำงาน | อึกจะย่อขนาด CSS เชื่อมต่อ & uglify จาวาสคริปต์และปรับภาพให้เหมาะสมเพื่อสร้างหน้าคงที่ที่มีประสิทธิภาพ |
กำลังโหลดสด | โหลดเบราว์เซอร์ใหม่ทุกครั้งที่คุณทำการเปลี่ยนแปลงไฟล์ |
การซิงโครไนซ์ข้ามอุปกรณ์ | BrowserSync ประสานการดำเนินการระหว่างอุปกรณ์เพื่อการทดสอบที่รวดเร็วยิ่งขึ้น |
เครื่องกำเนิดคู่มือสไตล์ | หน้าสำหรับองค์ประกอบ HTML หลักจะถูกสร้างขึ้นตามค่าเริ่มต้นเพื่อให้จัดรูปแบบเว็บไซต์ได้ง่ายขึ้นและอ้างอิงในอนาคต |
ชุดเริ่มต้นการปรับใช้ | ปรับใช้เว็บไซต์ของคุณในหน้า GitHub และพุ่งทะยานด้วยชุดเริ่มต้น Travis CI |
เมื่อคุณพร้อมและตั้งค่า npm แล้ว ให้หยิบเทอร์มินัลของคุณออกมาและป้อนสิ่งต่อไปนี้:
git clone https://github.com/mimoduo/mimogear.git
cd mimogear
npm install gulp-cli -g
npm install
gulp
ไซต์ของคุณจะเปิดขึ้นในหน้าต่างเบราว์เซอร์โดยอัตโนมัติ อึกจะเริ่มดูไฟล์ของคุณ และ Browsersync จะโหลดการเปลี่ยนแปลงของคุณใหม่โดยอัตโนมัติ ลองเข้าไปที่ /src/ เพื่อดูตัวอย่างการพัฒนาเว็บใหม่เอี่ยมของคุณ!
เมื่อคุณพร้อมแล้ว จะมีเอกสารพร้อมให้คุณ:
หากคุณได้สร้างไซต์ด้วย Mimogear และต้องการแสดงให้โลกเห็นไซต์ที่น่ารักของคุณ อย่าลังเลที่จะสร้างคำขอดึงและเพิ่มลงในรายการด้านล่าง :
ฉันหวังว่าคุณจะสนุกกับการพัฒนากับ Mimogear มากเท่ากับที่ฉันสนุกกับการสร้างมันขึ้นมา! กรุณาแบ่งปันถ้าคุณรักมัน! เครื่องมือสร้างไซต์แบบคงที่นี้จะเป็นไปไม่ได้หากไม่ได้รับความช่วยเหลือจากเพื่อนของฉัน พวกเขามีส่วนร่วมในทุกแง่มุมของเรื่องนี้โดยไม่รู้ตัว ^w^ ที่โดดเด่นที่สุดคือ Nick Hall สำหรับการเป็นผู้ให้คำปรึกษาที่ดีที่สุดในโลก!