Matter คือระบบการออกแบบวัสดุที่สร้างขึ้นจาก Bootstrap เวอร์ชันล่าสุด เปิดตัวภายใต้ MIT ซึ่งหมายความว่าคุณสามารถทำอะไรก็ได้ที่คุณต้องการ คุณสามารถใช้มันสำหรับโครงการส่วนตัว โครงการของลูกค้า หรือจะขายก็ได้ โดยไม่มีข้อจำกัด
เรื่องราว: Matter เป็นส่วนหนึ่งของโปรเจ็กต์รองที่ล้มเหลว เรื่องสั้นสั้น ฉันหมดความสนใจในโครงการนี้และทุกอย่างก็พังทลายลง เพื่อติดตามแนวคิดเริ่มต้นของโปรเจ็กต์ (ซึ่งก็คือการช่วยให้นักพัฒนารายอื่นจัดส่งสิ่งต่าง ๆ ได้เร็วขึ้น) และเพื่อให้โปรเจ็กต์ยังคงอยู่ต่อไป ฉันจึงตัดสินใจปรับโครงสร้าง Matter ใหม่แล้วเผยแพร่โดยไม่เสียค่าใช้จ่าย เวอร์ชันที่คุณกำลังดูอยู่นั้นเป็นเวอร์ชันที่ถูกแยกส่วน ส่วนประกอบเพิ่มเติมจะถูกเพิ่มเมื่อมีการปรับโครงสร้างใหม่
ก่อนอื่นตรวจสอบให้แน่ใจว่าได้ติดตั้ง nodejs และ npm บนเครื่องของคุณแล้ว ถ้าไม่ ให้ทำตามคำแนะนำเหล่านี้ จากนั้นทำตามขั้นตอนต่อไป:
git clone https://github.com/alexandonie/matter-dashboard
cd matter-dashboard
npm run install
ขณะนี้โปรเจ็กต์อยู่ในเครื่องของคุณแล้ว และควรติดตั้งการขึ้นต่อกันทั้งหมด สิ่งเดียวที่ต้องทำคือเริ่มโครงการ คุณสามารถทำได้โดยใช้คำสั่งของฉัน:
npm run dev
สิ่งนี้จะรันโปรเจ็กต์ในโหมดการพัฒนา โดยจะเริ่มเซิร์ฟเวอร์ dev ในเครื่อง สร้างแผนที่ต้นทางและทุกสิ่งที่จำเป็นสำหรับสภาพแวดล้อมการพัฒนาส่วนหน้าที่ทันสมัย
หากคุณต้องการเตรียมการผลิตโปรเจ็กต์ให้พร้อม สิ่งที่คุณต้องทำคือดำเนินการ:
npm run build
การดำเนินการนี้จะรวมกลุ่มและเพิ่มประสิทธิภาพโค้ดทั้งหมดของคุณ โดยจะเปลี่ยนชื่อเนื้อหาทั้งหมดของคุณสำหรับการป้องกันแคช (เหนือสิ่งอื่นใด) และจะวางทุกอย่างไว้ในไดเร็กทอรี dist
ที่ระดับรูทของโปรเจ็กต์
matter-dashboard
├── config
├── dist
├── src
│ ├── images
│ ├── scripts
│ ├── styles
│ ├── views
│ └── index.js
├── .babelrc
├── .eslintrc
├── .gitignore
├── LICENSE
├── package-lock.json
├── package.json
├── postcss.config.js
└── README.md
ทุกคนยินดีที่จะมีส่วนร่วม หากต้องการเพิ่ม เปลี่ยนแปลง หรือแก้ไขสิ่งใด กรุณาส่ง PR สิ่งดีๆทั้งหมดจะถูกรวมเข้าด้วยกันโดยเร็วที่สุด
ออกแบบและเขียนโค้ดโดยฉัน ?
รหัสนี้มีให้ภายใต้ใบอนุญาต MIT