vue Meizi
1.0.0
โปรเจ็กต์นี้อิงจากโปรเจ็กต์เชิงปฏิบัติล่าสุดของ vue2 และเป็นบทช่วยสอนที่ยอดเยี่ยมสำหรับมือใหม่เพื่อความก้าวหน้า รหัสนี้เรียบง่ายและเข้าใจง่ายพร้อมความคิดเห็นมากมาย ใช้การเลื่อนแบบไม่มีที่สิ้นสุด ซึ่งมักใช้บนอุปกรณ์เคลื่อนที่ การโหลดรูปภาพ เลื่อนไปทางซ้ายและขวา และการรอ เวอร์ชันตัวอย่างจะเปิดตัวก่อน และฟังก์ชันและบทช่วยสอนที่สมบูรณ์มากขึ้นเรื่อยๆ จะออกในภายหลัง
###อันดับแรก
- ขอบคุณอินเทอร์เฟซ API ที่จัดทำโดย gank.io
- ถ้าคุณชอบมัน โปรดกดไลค์ ติดตาม ติดดาว และแยกมันออกไป นี่คือแรงบันดาลใจให้ฉันทำต่อไป
- การสาธิตที่อยู่การสาธิต (โปรดใช้โหมดมือถือของ Chrome เพื่อดูตัวอย่าง)
- โครงการนี้อยู่ที่อยู่ GitHub
- สแกนด้วยโทรศัพท์มือถือของคุณ
###ภาพด้านบน
###ติดตั้ง
ที่อยู่โครงการ: git clone )
git clone https://github.com/liangxiaojuan/vue-Meizi.git ติดตั้งโมดูลการพึ่งพาบุคคลที่สามของบริการในพื้นที่ผ่าน npm (ต้องติดตั้ง Node.js)
npm install
เริ่มบริการ (http://localhost:9090)
npm run dev
รหัสการเปิดตัว
npm run build
ติดตั้ง vue-cli
npm install -g vue-cli
ติดตั้ง vue-cli eslint
npm install -g eslint
ติดตั้งการอ้างอิงที่เป็นมิตร-ข้อผิดพลาด-webpack-ปลั๊กอิน
npm install friendly-errors-webpack-plugin --save-dev
###โครงสร้างไดเรกทอรี
├── build // สร้างบริการและการกำหนดค่า webpack ├── config // การกำหนดค่าของสภาพแวดล้อมโครงการที่แตกต่างกัน ├── dist // ไดเร็กทอรีการสร้างโครงการ ├── index.html // ไฟล์รายการโครงการ ├── package.json // ไฟล์การกำหนดค่าโครงการ ├── src // ไดเรกทอรีการผลิต │ ├── สินทรัพย์ // ทรัพยากรรูปภาพ │ ├── ทั่วไป // ทรัพยากร css js สาธารณะ │ ├──ส่วนประกอบ // ส่วนประกอบต่างๆ │ ├── App.vue // หน้าหลัก │ ├── vuex // ผู้จัดการสถานะ vuex │ ├── router.js // ตัวกำหนดค่าเราเตอร์ │ └── main.js // รายการที่คอมไพล์แล้วของ Webpack
###ใช้งานฟังก์ชันแล้ว
