Programmer Molor - VS Code Extension
🚀 Project Scaffolding dengan Gilang Architecture Folder (GAF)
Extension VS Code untuk membuat project baru dengan arsitektur folder yang terstruktur dan best practice.
✨ Features
- Quick Access: Tekan
Ctrl+Shift+G (Windows/Linux) atau Cmd+Shift+G (Mac)
- 12 Template: Support berbagai framework populer
- Unified Architecture: Semua template menggunakan GAF (Gilang Architecture Folder)
- Mock First Development: Environment-based mock support
- Mobile/Desktop Split: Responsive view separation
📦 Supported Templates
| Framework |
TypeScript |
JavaScript |
| React + Vite |
✅ |
✅ |
| Vue 3 + Vite |
✅ |
✅ |
| Next.js (App Router) |
✅ |
✅ |
| NestJS |
✅ |
✅ |
| Angular |
✅ |
- |
| Express.js |
✅ |
✅ |
| Laravel |
✅ (PHP) |
- |
🏗️ Gilang Architecture Folder (GAF)
Setiap template mengikuti struktur yang konsisten kecuali framework Laravel:
src/
├─ app/ # App entry point
├─ features/ # Feature-driven modules
│ └─ [feature]/
│ ├─ web/ # Desktop view
│ ├─ mobile/ # Mobile view
│ └─ index.tsx
├─ shared/
│ ├─ components/ # Shared components
│ ├─ hooks/ # Custom hooks
│ └─ ui/ # UI primitives
├─ core/
│ ├─ api/ # API client
│ ├─ stores/ # State management
│ └─ lib/ # Utilities
├─ services/ # Service layer
├─ mocks/ # Mock data
└─ config/ # Configuration
Key Principles
- Feature Driven: Organize by feature, not by type
- Mobile/Desktop Split: Separate views for responsive design
- Service Abstraction: Clean separation of data fetching
- Mock First Development: Develop with mock data, switch to real API via env
🚀 Usage
- Open a folder in VS Code (this will be your project root)
- Press
Ctrl+Shift+G (or Cmd+Shift+G on Mac)
- Select "Programmer Molor: Create New Project"
- Choose a template from the list
- Done! Your project is ready in the current folder
🛠️ Development
Prerequisites
- Node.js >= 18
- VS Code >= 1.85.0
Build Extension
npm install
npm run compile
Test Extension
Press F5 to open Extension Development Host
Package Extension
npm run package
❓ Troubleshooting
"The term 'php' is not recognized"
Ini berarti PHP belum ditambahkan ke Environment Variable PATH komputer Anda, atau VS Code perlu direstart agar perubahan PATH terbaca.
Solusi:
- Pastikan PHP sudah terinstall (XAMPP/Laragon/Manual).
- Cari "Edit the system environment variables" di Windows.
- Edit
Path dan tambahkan lokasi folder php (contoh: C:\xampp\php).
- Restart VS Code (Tutup total dan buka lagi).
📝 License
MIT © Gilang Herdiansyah
Programmer Molor - Coding dengan santai, arsitektur tetap rapi 🛋️
| |
