egg typescript element kit

kit-elemen-skrip-telur

Berdasarkan proyek rekayasa lengkap isomorfik klien sisi server Egg + TypeScript + Element + Webpack3 multi-halaman dan satu halaman.

• Sistem meja depan: http://localhost:7001

• Sistem backend: http://localhost:7001/admin

1. Pengenalan proyek

Versi plugin

• Telur: ^2.xx
• Simpul: Simpul ^8.x.x+,
• Paket web^4.xx
• Tampilan: ^2.5.0
• Naskah Ketik: ^2.6.2
• Elemen UI: ^2.0.0
• easywebpack-vue
• telur-lihat-vue-ssr
• telur-webpack
• telur-webpack-vue

Karakteristik proyek

• Mendukung penulisan dan pembuatan kode samping Egg Node dan kode front-end TypeScript

• Mendukung konstruksi otomatis pekerja layanan

• Mendukung fitur async dan menunggu, Pengontrol ditulis dalam mode kelas

• Mendukung modifikasi kode server dan klien, kompilasi real-time Webpack dan pembaruan terbaru, npm run dev startup aplikasi sekali klik

• Berdasarkan implementasi isomorfik klien server satu halaman vue + vuex + vue-router + axios

• Mendukung lingkungan pengembangan, lingkungan pengujian, dan kompilasi Webpack lingkungan formal

• Mendukung ketergantungan sumber daya js/css/gambar, dukungan bawaan untuk fitur CDN

• Mendukung konstruksi otomatis Webpack DLL

• Mendukung rendering sisi server komponen Vue dan pemuatan asinkron

2. Fungsi sistem

Sistem blog meja depan

Menggunakan rendering sisi server Egg + Vue

• Beranda blog
• Tampilan daftar artikel blog
• Halaman detail artikel blog
• Penjelajahan kategori blog

Sistem manajemen backend

Menggunakan Egg + Vue + Vue-Router + Element rendering isomorfik sisi server satu halaman

• Masuk pengguna
• Pendaftaran pengguna
• Dasbor
• Manajemen artikel
• Penurunan harga tambahkan artikel
• Manajemen izin

3. Gunakan

3.1 Instal dependensi

npm install
npm start

3.2 Mulai aplikasi

npm run dev

Akses aplikasi: http://127.0.0.1:7001

3.3 Membangun

• Pembuatan Telur TypeScript

npm run tsc

• Konstruksi proyek front-end TypeScript

npm run tsc

3.4 Penyebaran paket

1. Jalankan pertama npm run build untuk membuat kode TypeScript Egg dan kode front-end TypeScript
2. Kode proyek dan kode build dikemas bersama
3. Setelah aplikasi disebarkan, mulai aplikasi melalui npm start

4. Dokumentasi

• http://hubcarl.github.io/easywebpack/vue/rule
• https://zhuanlan.zhihu.com/easywebpack

5. Referensi

• vue-elemen-admin

Lisensi

MIT