vue girls

gadis-gadis

Proyek ini didasarkan pada proyek praktis terbaru vue2, yang mengimplementasikan pengguliran tak terbatas, pemuatan gambar, geser ke kiri dan kanan, dll. Yang paling umum digunakan pada terminal seluler.

###Pertama

---

• Alamat proyek ini adalah alamat github

Arsitektur teknis proyek

---

• vue-cli
• vue
• sumber daya vue
• vue-router
• vuex
• vue-mengagumkan-swiper
• vue-infinite-scroll
• stilus
• paket web

### Gambar di atas

• Tata letak aliran air terjun, pengguliran tanpa batas, pemuatan gambar yang lambat

• Gesek ke kiri dan kanan, beralih ke kiri dan kanan

###Memasang

---

Alamat proyek: git clone )

git clone https://github.com/xiaoyaopai/vue-Meizi.git

Instal modul ketergantungan pihak ketiga layanan lokal melalui npm (memerlukan instalasi Node.js)

 npm install

Mulai layanan (http://localhost:9090)

 npm run dev

Kode rilis

 npm run build

Catatan instalasi

Instal vue-cli

 npm install -g vue-cli

Instal vue-cli eslint

 npm install -g eslint

Instal dependensi plugin-kesalahan-ramah-webpack

 npm install friendly-errors-webpack-plugin --save-dev

###Struktur direktori

---

 ├── build // Layanan build dan konfigurasi webpack ├── config // Konfigurasi lingkungan proyek yang berbeda ├── dist // Direktori build proyek ├── index.html // File entri proyek ├── package.json // File konfigurasi proyek ├── src // Direktori produksi │ ├── aset // Sumber daya gambar │ ├── umum // Sumber daya css js publik │ ├── komponen // Berbagai komponen │ ├── App.vue // Halaman utama 
│ ├── vuex // vuex state manager │ ├── router.js // Konfigurator router │ └── main.js // Entri yang sudah dikompilasi Webpack

###Fungsi diterapkan

---

• tata letak aliran air terjun
• gulir tak terbatas
• Navigasi samping
• Pemuatan gambar yang lambat
• Geser ke kiri atau kanan untuk beralih
• dll.