Environment Variables Manager

Xem, chỉnh sửa, và quản lý file .env trực quan — không cần text editor.

Nó là gì?

Environment Variables Manager là editor trực quan cho file .env. Các file này lưu trữ giá trị cấu hình mà app của bạn cần tại runtime — những thứ như API keys, database connection strings, và feature flags. Vì chúng thường chứa secrets, file .env được giữ ngoài Git và khỏi source code.

Chỉnh sửa file .env trong plain text editor hoạt động, nhưng dễ mắc lỗi: thiếu dấu ngoặc kép, khoảng trắng lạc, hoặc vô tình commit file vào Git. Env Manager cung cấp giao diện bảng sạch sẽ để bạn chỉnh sửa, thêm, và reveal variables an toàn.

Mở Env Manager

Có hai cách mở:

  • Đi đến Settings → Environment Variables
  • Hoặc click icon env trong thanh công cụ project (icon chìa khóa nhỏ gần đầu panel project)

Manager tự động mở cho project đang hoạt động.

Xem và Chỉnh Sửa Variables

Manager hiển thị tất cả key-value pairs từ file .env trong bảng. Mỗi hàng hiển thị tên variable bên trái và giá trị bên phải.

Mặc định, giá trị được ẩn (hiển thị dưới dạng chấm, như trường password) để bảo vệ secrets trên màn hình. Click icon mắt trên bất kỳ hàng nào để reveal giá trị đó, hoặc click icon mắt trong tiêu đề cột để reveal tất cả giá trị cùng lúc.

Để chỉnh sửa giá trị, click trực tiếp vào nó trong bảng. Cell trở nên editable — gõ giá trị mới và nhấn Enter để lưu. File .env được cập nhật ngay lập tức.

Để thêm variable mới, click nút + ở cuối bảng, gõ tên key, nhấn Tab, gõ giá trị, và nhấn Enter.

File Theo Project

Hầu hết projects có nhiều hơn một file .env. Setup phổ biến trông như:

  • .env — defaults chung
  • .env.local — overrides local của bạn (không commit)
  • .env.production — giá trị production

Dùng dropdown chọn file ở đầu Env Manager để chuyển đổi giữa các file này. Mỗi file được hiển thị và chỉnh sửa riêng biệt.

Tự Động Reload

Khi bạn lưu thay đổi trong Env Manager, giá trị cập nhật được ghi vào file ngay lập tức. Nếu dev server của bạn hỗ trợ hot-reload (ví dụ, Next.js và Vite đều hỗ trợ), giá trị mới sẽ được pick up mà không cần restart server. Cho các server không hot-reload environment variables, dùng nút restart trong terminal.

Bảo Mật

File .env của bạn ở lại máy local. 1DevTool không bao giờ upload giá trị environment variable lên bất kỳ server nào.

Khi bạn thêm project, 1DevTool kiểm tra xem .env có được liệt kê trong .gitignore không. Nếu không, app tự động thêm nó để giúp bạn tránh vô tình commit secrets.

Mẹo: AI agent của bạn có thể đọc tên environment variable (nhưng không đọc giá trị) để hiểu project config — nên nó biết dùng DATABASE_URL mà không cần bạn giải thích.

Environment variables manager