CLI untuk membuat project Angular dengan struktur kustom (Modules, Core, API, Shared).
npm install unictive-angularš CLI Script untuk membuat proyek Angular dengan struktur kustom
ā” Kompatibel dengan macOS, Linux, Windows
š¤ by [EkaHersada]
---
- 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).
---
bash
npm i -g unictive-angular
`$3
bash
unictive-angular -v
`---
š Cara Penggunaan
$3
Ketik command di bawah ini untuk generate project baru:
bash
unictive-angular
`Kemudian ikuti instruksi untuk memasukkan nama project.
$3
- 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
.ā Cara Menambahkan
zone.jsJika Anda membutuhkan fitur Angular yang bergantung pada
, Anda dapat menambahkannya secara manual:1. Install
zone.js:
`bash
npm install zone.js
`2. Import
di file utama aplikasi Anda (biasanya src/polyfills.ts):
`typescript
import 'zone.js';
`3. Pastikan konfigurasi Angular Anda tidak menggunakan mode zoneless.
Setelah langkah di atas, fitur Angular yang memerlukan
akan berfungsi seperti biasa.---
š Script tambahan di
package.jsonjson
"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
bash
cd nama-project && ng serve
``---