vue crane

vue-crane (tidak terawat)

Sebuah vue boilerplate universal, modular, multi-halaman, tumpukan penuh untuk menangani proyek besar. Berdasarkan Node.js, Express, PM2, Lerna, Webpack, Babel, Vue.js, Elemen, PostCSS.

Fitur

• element-ui as UI utilities.
• Combines prettier and ESlint in pre-commit hook using lint-staged . Berhentilah mengkhawatirkan kode kotoran ke basis kode Anda.
• pm2 as the production process manager.
• http-proxy-middleware for remote server api proxy to avoid CORS error.
• use webpack dll to improve build time performance.
• Support dynamic webpack entry through cli.
• lerna for managing multiple project in one project.
• postcss for next generation css preprocessor.
• Combine development and production server in one express server.
• winston as the logger system.
• Dukungan kustomisasi router ekspres.
• Secara otomatis menghasilkan proyek bundel untuk penempatan.

Memulai

git clone https://github.com/posrix/vue-crane my-project
cd my-project
npm install
npm run dev

Entri Webpack Dinamis

Selama masa pengembangan dalam proyek besar. Biarkan Webpack Membangun File yang Diperlukan jauh lebih baik daripada membangun seluruh proyek. Vue-Crane menggunakan CLI sebagai pintu masuk untuk membiarkan pengguna memilih modul mana yang akan dikembangkan.

Pengembangan sisi server

Start a local production server with hot reload using nodemon .

$ npm install
$ npm run build
$ npm run local 

Produksi

There are 3 production environments in vue-crane:

• Test Environment
• Pre-Release Environment
• Release Environment

Setiap lingkungan memiliki skrip startup sendiri:

Lingkungan Uji:

$ npm run stage

Lingkungan pra-rilis:

$ npm run pre

Lingkungan rilis:

$ npm run release

Penyebaran

Vue-Crane menggunakan proyek bundel yang disebut vue-crane-bundle untuk penempatan. Setiap kali Anda ingin mengulang versi baru, cukup jalankan skrip shell. Semua barang akan diselesaikan di proyek bundel Anda. Ada tiga manfaat menggunakan proyek bundel untuk penempatan:

• Tetap konsistensi dependensi server di lingkungan yang berbeda.
• Roll-back cepat ke versi sebelumnya saat terjadi kesalahan.
• Hanya menggunakan file yang diperlukan ke server produksi online.

Langkah Penerapan

1. Buat repositori git kosong sebagai proyek bundel Anda. Tambahkan URL jarak jauh ke layanan hosting repositori git apa pun. Pastikan proyek bundel Anda berada di tingkat folder yang sama dengan proyek sumber Anda.

2. Edit bundle script in package.json . Three parameters are required to provide: source_project , bundle_project , release_branch .

{
  "bundle" : " sh ./tasks/bundle.sh source_project bundle_project release_branch "
}

3. Jalankan skrip bundel.

$ npm run bundle

Lisensi

Lisensi MIT (MIT). Silakan lihat file lisensi untuk informasi lebih lanjut.