> For the complete documentation index, see [llms.txt](https://learn.devlabss.my.id/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.devlabss.my.id/laravel/bab-1-pengenalan-and-instalasi/1.2-instalasi-laragon-composer-and-vs-code.md).

# 1.2 Instalasi Laragon, Composer & VS Code

## Instalasi Laragon, Composer, dan VS Code

Sebelum membuat proyek Laravel, siapkan dulu tiga alat utama.

Ketiganya dipakai sepanjang modul ini. Jika instalasi awal rapi, proses belajar berikutnya jauh lebih lancar.

### Tiga alat yang perlu disiapkan

Berikut fungsi masing-masing alat:

* **Laragon** untuk menjalankan web server, PHP, dan database di komputer lokal.
* **Composer** untuk mengunduh Laravel dan mengelola package.
* **VS Code** untuk menulis, membaca, dan merapikan kode.

Untuk modul lanjutan seperti login Breeze, siapkan juga:

* **Node.js dan npm** untuk membangun aset frontend saat instalasi autentikasi

### Mengapa memakai Laragon

Laragon lebih cocok untuk belajar Laravel di Windows.

Dibanding XAMPP, Laragon terasa lebih ringan dan lebih praktis dipakai untuk proyek modern.

Keunggulan utamanya:

* **Lebih ringan** untuk komputer belajar atau lab sekolah.
* **URL proyek lebih rapi** seperti `http://e-library.test`.
* **Ganti versi PHP lebih mudah** saat Laravel butuh versi tertentu.

### Instalasi Laragon

Ikuti urutan ini:

{% stepper %}
{% step %}

### Unduh Laragon

Buka situs resmi `https://laragon.org/download/`.

Pilih versi yang sudah menyertakan Apache, MySQL, dan PHP.
{% endstep %}

{% step %}

### Jalankan installer

Buka file installer yang sudah diunduh.

Ikuti proses instalasi sampai selesai. Lokasi default `C:\laragon` sudah cukup baik.
{% endstep %}

{% step %}

### Buka Laragon

Setelah terpasang, jalankan Laragon.

Tekan **Start All** agar service utama aktif.
{% endstep %}
{% endstepper %}

Jika instalasi berhasil, Laragon siap dipakai sebagai lingkungan kerja Laravel.

### Instalasi Composer

Composer adalah alat yang mengambil framework Laravel beserta dependensinya.

Tanpa Composer, Anda tidak bisa membuat proyek Laravel dengan cara standar.

Langkah instalasinya:

1. Buka `https://getcomposer.org/`.
2. Unduh file **Composer-Setup.exe**.
3. Jalankan installer.
4. Saat diminta lokasi `php.exe`, arahkan ke PHP milik Laragon, misalnya `C:\laragon\bin\php\php-8.x.x\php.exe`.
5. Lanjutkan sampai instalasi selesai.

{% hint style="warning" %}
Pastikan Laragon sudah terpasang lebih dulu. Composer perlu tahu lokasi PHP yang akan dipakai.
{% endhint %}

### Instalasi VS Code

VS Code adalah editor utama untuk menulis kode Laravel.

Jika belum terpasang, unduh dari `https://code.visualstudio.com/`.

Setelah itu, buka menu **Extensions** dengan `Ctrl + Shift + X` lalu instal ekstensi berikut:

* **PHP Intelephense** untuk autocompletion dan deteksi error PHP.
* **Laravel Blade Snippets** untuk membantu penulisan file Blade.
* **Laravel Extension Pack** untuk menambah dukungan kerja Laravel di editor.

Ekstensi ini tidak wajib secara teknis, tetapi sangat membantu saat belajar.

### Verifikasi instalasi

Setelah semua alat terpasang, cek apakah PHP dan Composer sudah dikenali oleh terminal.

Buka terminal di VS Code atau **Command Prompt**, lalu jalankan:

```bash
php -v
composer -v
```

Jika berhasil, terminal akan menampilkan versi PHP dan versi Composer.

Contoh hasil yang benar:

```
PHP 8.2.x (cli)
Composer version 2.x.x
```

### Hasil yang perlu terlihat

Setelah bab ini selesai, tampilan berikut seharusnya sudah bisa Anda lihat:

* Laragon menampilkan Apache dan MySQL dalam kondisi aktif.
* Terminal menampilkan versi PHP tanpa error.
* Terminal menampilkan versi Composer tanpa error.
* VS Code sudah memuat ekstensi Laravel yang dibutuhkan.

### Troubleshooting umum

{% hint style="danger" %}
Jika muncul pesan `'php' is not recognized as an internal or external command`, biasanya terminal belum membaca PATH terbaru. Tutup terminal lalu buka lagi. Jika masih gagal, cek kembali instalasi Composer dan lokasi PHP dari Laragon.
{% endhint %}

Masalah yang sering muncul:

* **PHP tidak terbaca** — biasanya path PHP belum benar.
* **Composer gagal mendeteksi PHP** — pilih ulang file `php.exe` dari folder Laragon.
* **Laragon tidak bisa start** — biasanya ada bentrok port dengan aplikasi lain.

### Indikator kesiapan bab 1.2

Jangan lanjut ke materi berikutnya sebelum semua poin ini selesai:

* Laragon sudah terpasang.
* Apache dan MySQL di Laragon sudah berjalan.
* Composer sudah terpasang tanpa error.
* Perintah `php -v` menampilkan versi PHP.
* Perintah `composer -v` menampilkan versi Composer.
* VS Code dan ekstensi pendukung sudah siap dipakai.

Jika semua poin ini sudah terpenuhi, lanjut ke [1.3 Membuat Proyek Baru](/laravel/bab-1-pengenalan-and-instalasi/1.3-membuat-proyek-baru.md).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://learn.devlabss.my.id/laravel/bab-1-pengenalan-and-instalasi/1.2-instalasi-laragon-composer-and-vs-code.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.