Unduh vue boilerplate template - unduhan kode sumber vue boilerplate template

vue boilerplate template

Kategori lainnya

vue-boilerplate-template V2.0.0

Unduh

Templat Pelat Boiler Vue

?(vue webpack vuex vue-router vue-i18n elemen-ui) di luar kotak

? Template Boilerplate yang bagus untuk membuat proyek medium plus Vue.js(2.*).

di WIKI

Tujuan dan Filsafat

Untuk cara membangun proyek VUE berukuran sedang (+) berikan beberapa referensi berdasarkan pengalaman masa lalu. Vue Boilerplate terbaru berbasis vue-cli3 telah menjadi open source: awesome-vue-cli3-example, Jika diperhatikan, menurut saya sangat bermanfaat ?.

Prasyarat

Node.js (>=4.x, 8.x lebih disukai), Npm versi 4+(Benang lebih disukai), dan Git.

Demo

Halaman Demo Online

Keuntungan

Berdasarkan vue-cli build, Lakukan lebih banyak optimasi untuk memfasilitasi penggunaan vue .
Telah menyertakan banyak perpustakaan yang umum digunakan, seperti vue-i18n , axios , lodash ...
Dengan beberapa artikel pengalaman tentang Vue , Seperti: 如何写一手漂亮的 Vue. Dan masih diperbarui.
Lakukan optimasi lebih lanjut tentang cara membangun aplikasi menggunakan WebPack .
- Webpack foto
- Webpack adalah aplikasi yang sangat berguna
- Optimalkan perpustakaan Anda dengan webpack
- Tutorial Bagus Webpack

Penggunaan

 git clone https://github.com/nicejade/vue-boilerplate-template (your-project-name)
cd your-project-name
npm install (npm i / yarn)
npm start / npm run dev / yarn run dev

Kunjungi http://localhost:8080/. Jika port 8080 sudah digunakan pada mesin Anda, 8082 8081 . Tentu saja, Anda dapat mengganti port untuk sementara menggunakan perintah berikut:

 PORT=8888 npm run dev

Suplemen tambahan ： Anda perlu memastikan bahwa PORT adalah perintah yang dapat dijalankan di mesin Anda.

Lebih Banyak Komando

 npm run build

node build.js , memulai proyek pembangunan.

 npm run build:dll

Eksekusi yang setara webpack --config build/webpack.dll.conf.js , Untuk informasi lebih lanjut lihat webpack.DllPlugin.

 npm run jarvis / yarn run jarvis

jalankan webpack-jarvis (Dasbor Webpack berbasis browser yang sangat cerdas), Di browser Anda, buka: localhost:1337, Anda memilikinya.

npm run pretest

Menggunakan nodejs untuk membangun server lokal: http://localhost:3000/ , lakukan tes awal sederhana untuk kode setelah paket.

 npm run analyz

Plugin Webpack dan utilitas CLI yang mewakili konten bundel sebagai peta pohon interaktif yang dapat diperbesar dan nyaman. Secara otomatis akan membuka alamat ini：http://localhost:8888/ .

Daftar plugin yang bergantung

vue2
vue-router
vuex
vue-i18n
aksio
bootstrap
elemen-ui
lodash
~~momen~~ harijs
js-cookie
... ...

Permintaan operasi

Backend Anda dapat mengembalikan data format berikut, lebih baik.

 {
  success: true,
  message: 'err message content',
  value: [
    // Useful data
  ]
}

Di bagian depan, Anda dapat menangani permintaan seperti ini：

 let params = {
  // Interface required parameters
}
this.isLoading = true
this.$apis.moduleName.getProfile(params).then(result => {
  // Handle the correct data you received
}).catch(error => {
  this.$message.error(`Error: ${error}`)
}).fin(() => {
  this.isLoading = false
})

Jadi perhatiannya, Template telah dibantu untuk menangani permintaan secara seragam, sehingga sangat mudah digunakan, tentunya Anda dapat mengubahnya sendiri sesuai kebutuhan di file helper/ajax.js .