Environment Variables Manager

Lihat, edit, dan kelola file .env Anda secara visual — tidak perlu text editor.

Apa Itu?

Environment Variables Manager adalah editor visual untuk file .env. File ini menyimpan nilai konfigurasi yang dibutuhkan aplikasi Anda saat runtime — seperti API key, connection string database, dan feature flag. Karena sering berisi rahasia, file .env dijauhkan dari Git dan dari source code Anda.

Mengedit file .env di text editor biasa berfungsi, tapi mudah membuat kesalahan: quote yang hilang, spasi yang tersesat, atau secara tidak sengaja commit file ke Git. Env Manager memberi Anda antarmuka tabel yang bersih sehingga Anda bisa mengedit, menambah, dan mengungkap variabel dengan aman.

Buka Env Manager

Ada dua cara untuk membukanya:

  • Buka Settings → Environment Variables
  • Atau klik ikon env di toolbar project (ikon key kecil di dekat bagian atas panel project)

Manager terbuka untuk project yang aktif secara otomatis.

Lihat dan Edit Variabel

Manager menampilkan semua pair key-value dari file .env Anda dalam tabel. Setiap baris menampilkan nama variabel di kiri dan nilainya di kanan.

Secara default, nilai disembunyikan (ditampilkan sebagai titik, seperti field password) untuk melindungi rahasia di layar Anda. Klik ikon mata di baris mana pun untuk mengungkap nilai tersebut, atau klik ikon mata di header kolom untuk mengungkap semua nilai sekaligus.

Untuk mengedit nilai, klik langsung di tabel. Cell menjadi editable — ketik nilai baru dan tekan Enter untuk menyimpan. File .env diupdate segera.

Untuk menambah variabel baru, klik tombol + di bagian bawah tabel, ketik nama key, tekan Tab, ketik nilai, dan tekan Enter.

File Per-Project

Sebagian besar project memiliki lebih dari satu file .env. Setup umum terlihat seperti:

  • .env — default bersama
  • .env.local — override lokal Anda (tidak di-commit)
  • .env.production — nilai produksi

Gunakan dropdown pemilih file di bagian atas Env Manager untuk beralih antar file ini. Setiap file ditampilkan dan diedit secara terpisah.

Auto-reload

Saat Anda menyimpan perubahan di Env Manager, nilai yang diupdate ditulis ke file segera. Jika dev server Anda mendukung hot-reload (misalnya, Next.js dan Vite keduanya melakukannya), nilai baru akan diambil tanpa restart server. Untuk server yang tidak hot-reload environment variable, gunakan tombol restart di terminal.

Keamanan

File .env Anda tetap di mesin lokal Anda. 1DevTool tidak pernah mengunggah nilai environment variable ke server mana pun.

Saat Anda menambahkan project, 1DevTool mengecek apakah .env terdaftar di .gitignore. Jika tidak, aplikasi menambahkannya secara otomatis untuk membantu Anda menghindari commit rahasia secara tidak sengaja.

Tip: AI agent Anda bisa membaca nama environment variable (tapi bukan nilai) untuk memahami config project Anda — sehingga ia tahu untuk menggunakan DATABASE_URL tanpa Anda menjelaskannya.

Environment variables manager