หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

โครงกระดูก

กระโดดเริ่มต้นการพัฒนาส่วนหน้าของคุณ Skeleton เป็น HTML5 Boilerplate Build บน Rosid

สารบัญ

  • คุณสมบัติ
  • ความต้องการ
  • การตั้งค่า
  • วิธีใช้
    • พัฒนา
    • รวบรวม
    • UI
  • นักเทียบท่า
  • การแก้ไขปัญหา

คุณสมบัติ

  • Skeleton เป็นฐานสำหรับโครงการเว็บทุกวันของคุณ กระโดดเริ่มงานของคุณและพัฒนาโดยไม่เริ่มจากศูนย์ ทุกสิ่งที่คุณต้องการแยกออกไป
  • โครงการนี้ใช้พลังงานจาก Rosid เว็บเซิร์ฟเวอร์ที่มีการประมวลผลล่วงหน้าแบบทันเวลา JS (พร้อม Babel, Uglifyjs), sass (กับ Cssnano, AutopreFixer) และ Nunjucks สามารถใช้งานได้ทันที
  • Skeleton เป็นเพียงจุดเริ่มต้น แยกและขยายไปตามความต้องการของคุณเอง โครงสร้างที่กำหนดไว้ล่วงหน้าช่วยให้คุณมีความยืดหยุ่นและสามารถแก้ไขได้อย่างง่ายดาย

ความต้องการ

Skeleton Adderents ...

  • node.js (v8.5.0 หรือใหม่กว่า)
  • เส้นด้าย

ตรวจสอบให้แน่ใจว่าได้ติดตั้งและอัปเดตการอ้างอิงทั้งหมดก่อนที่คุณจะส้อมและตั้งค่าโครงกระดูก

การตั้งค่า

ติดตั้งการพึ่งพาที่จำเป็นทั้งหมดด้วยเส้นด้ายก่อนที่จะเริ่มพัฒนา 

yarn install

วิธีใช้

พัฒนา

เริ่มพัฒนาโดยใช้คำสั่งต่อไปนี้ เบราว์เซอร์ของคุณจะเปิดรอการเปลี่ยนรหัสและการโหลดสดทันทีเมื่อคุณอัปเดตไฟล์ของคุณ JS, Sass และ Nunjucks จะถูกรวบรวม on-the-fly 

yarn start

รวบรวม

พร้อมสำหรับช่วงเวลาที่ดี? ส่งออกไฟล์ทั้งหมดรวบรวมและเตรียมพร้อมสำหรับผู้ชมของคุณ อัปโหลด Final dist/ Folder สุดท้ายไปยังเซิร์ฟเวอร์ของคุณและผ่อนคลาย นั่งนั่งและเพลิดเพลินกับเบอร์เกอร์แสนอร่อยจากร้านอาหารที่คุณชื่นชอบ 

yarn run compile

UI

Skeleton รวมถึง Malvid เพื่อช่วยคุณสร้างและจัดทำเอกสารส่วนประกอบเว็บ เริ่มต้นเซิร์ฟเวอร์การพัฒนาและ open /index.html ในเบราว์เซอร์ของคุณ เส้นทางสู่ UI สามารถเปลี่ยนแปลงได้ใน rosidfile.js

นักเทียบท่า

DockerFile ที่ให้มาช่วยให้คุณสร้างภาพที่รวบรวมเว็บไซต์ของคุณ ในกรณีนี้จะต้องติดตั้งเฉพาะ Docker ในระบบ ไม่จำเป็นต้องมีการพึ่งพาอื่น ๆ

สร้าง

สร้างภาพจาก Dockerfile สิ่งนี้จะต้องทำทุกครั้งที่คุณแก้ไขโครงการ แหล่งข่าวใหม่จะถูกคัดลอกลงในภาพ 

docker build -t electerious/skeleton .

รวบรวม

เริ่มคอนเทนเนอร์เพื่อรวบรวมไซต์ของคุณ คอนเทนเนอร์จะออกโดยอัตโนมัติเมื่องานทั้งหมดเสร็จสิ้น ระดับเสียงที่ติดตั้งจะมีไฟล์ที่รวบรวมทั้งหมด 

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

การแก้ไขปัญหา

  • ติดตั้ง Node.js และเส้นด้ายเวอร์ชันล่าสุด
  • ลบ node_modules และติดตั้งการพึ่งพาทั้งหมดใหม่
  • ตรวจสอบว่าโครงการขึ้นอยู่กับ Rosid เวอร์ชันใหม่ล่าสุด
  • พยายามรวบรวมเว็บไซต์โดยใช้ DockerFile ที่ให้มา
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด