Generate Project Angular Custom

🚀 CLI Script untuk membuat proyek Angular dengan struktur kustom
⚡ Kompatibel dengan macOS, Linux, Windows
👤 by [EkaHersada]

✨ Fitur

• Otomatis membuat project Angular baru menggunakan Angular CLI.
• Menambahkan struktur folder Modules, Core, API, Shared.
• Otomatis membuat file contoh (AppService, User Model, dll).
• Mendapatkan fungsi Utility yang sering digunakan untuk pekerjaan.
• Auto update package.json dengan script tambahan (start:dev, build:dev, dll).
• Include environment dev, staging, dan production.
• Deteksi sistem operasi (macOS, Linux, Windows).
• Fallback: Install otomatis Angular CLI jika belum ada.
• Perintah versi CLI (-v / --version).

📦 Instalasi

Global Install via NPM

npm i -g unictive-angular

Cek versi

unictive-angular -v

🚀 Cara Penggunaan

Buat proyek baru

Ketik command di bawah ini untuk generate project baru:

unictive-angular

Kemudian ikuti instruksi untuk memasukkan nama project.

Output

• Proyek Angular baru akan dibuat.
• Struktur folder tambahan otomatis ditambahkan:

src/app/
  ├── modules/
  │   ├── auth/
  │   ├── dashboard/
  │   └── home/
  ├── core/
  │   ├── services/
  │   ├── guards/
  │   ├── interceptors/
  │   ├── models/
  │   └── config/
  ├── api/
  │   ├── endpoints/
  │   ├── config/
  │   └── services/
  └── shared/
      ├── components/
      ├── directives/
      ├── pipes/
      ├── layout/
      └── utils/

⚠️ Perhatian:
Proyek yang dihasilkan secara default menggunakan zoneless Angular. Pastikan untuk menyesuaikan kode Anda jika membutuhkan fitur yang bergantung pada zone.js.

➕ Cara Menambahkan zone.js

Jika Anda membutuhkan fitur Angular yang bergantung pada zone.js, Anda dapat menambahkannya secara manual:

1. Install zone.js:

npm install zone.js

2. Import zone.js di file utama aplikasi Anda (biasanya src/polyfills.ts):

import 'zone.js';

3. Pastikan konfigurasi Angular Anda tidak menggunakan mode zoneless.

Setelah langkah di atas, fitur Angular yang memerlukan zone.js akan berfungsi seperti biasa.

🛠 Script tambahan di package.json

"scripts": {
  "start:dev": "ng serve --port 4200 --open",
  "build:dev": "ng build",
  "lint": "ng lint",
  "test": "ng test --watch=false"
}

🔧 Prasyarat

• Node.js (>= 16)
• npm (>= 8)
• Angular CLI (>=18 jika belum ada, akan otomatis diinstall)

💡 Jalankan Project yang sudah di generate

cd nama-project && ng serve

📜 Lisensi

MIT License © 2025 - EkaHersada