vue spa project

proyek-spa-vue

Berdasarkan tumpukan teknologi vue.js, ia mengadopsi MVC dan desain struktur hierarki lainnya, desain pemisahan data, komponenisasi, dan konstruksi otomatis proyek aplikasi satu halaman.

tumpukan teknologi

• vue.js (2.4)
• vuex (manajemen negara)
• vue-router (perutean front-end, pemuatan asinkron)
• ambil (menggantikan ajax dan membuat permintaan jaringan lebih efisien)
• element-ui (pustaka komponen UI sisi PC berdasarkan vue)

Webpack (pembuatan otomatis)

• Pra-kompilasi Babel (ES6, SCSS, dll.), dan komponen asinkron untuk mengimplementasikan perutean pemuatan lambat
• Kontrol kualitas kode ESlint, semua kode harus ditulis sesuai dengan spesifikasi standar agar lolos kompilasi dan menghindari beberapa kesalahan tingkat rendah
• Server pengembangan lokal akan memantau modifikasi file, secara otomatis mengkompilasi dan menyegarkan browser
• Data tiruan front-end, tidak perlu menunggu implementasi antarmuka back-end
• Server pengujian secara otomatis menyebarkan penerapan (Anda perlu memulai skrip penerimaan yang ditulis oleh node di server: file-receiver)

Jika rendering sisi server (SSR) diperlukan, disarankan untuk menggunakan: NUXT

Bangun Pengaturan

 # install dependencies (use cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org)
cnpm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run all tests for unit test and e2e test
npm test

# check update for npm packages, please install 'npm install npm-check-updates -g' at first
npm run update