---
sourceType: official-guide
sourceTypeMatchedRule: fallback
slug: MA/devtools/ext/install
title: Zalo Mini App Extension
---
**Zalo Mini App Extension** là một tiện ích mở rộng cho Visual Studio Code cung cấp các công cụ hỗ trợ trực tiếp cho việc phát triển Zalo Mini App. Từ đây, các nhà phát triển có thể khởi tạo (init), khởi động (start), đóng gói (build) và xuất bản (deploy) các dự án Zalo Mini App ngay trên Visual Studio Code.

### Cài đặt

#### Từ Visual Studio Code

Truy cập menu **Extensions**, tìm kiếm theo từ khóa **Zalo Mini App Extension** và nhấn nút **Install** để cài đặt.

![Install from Visual Studio Code](/assets/MA/img/install-vscode.jpeg)

#### Từ Extensions Marketplace

Truy cập [Zalo Mini App Extension](https://marketplace.visualstudio.com/items?itemName=zalo-mini-app.zalo-mini-app) trên website chính thống Visual Studio Code Marketplace và nhấn nút **Install** để tải về và cài đặt.

![Install from Extensions Marketplace](/assets/MA/img/install-marketplace.jpeg#bordered)

### Thiết lập bố cục (không bắt buộc)

![Move to secondary sidebar](/assets/MA/img/move-sidebar-instruction.webp)

Mặc định, sau khi cài đặt, Zalo Mini App Extension sẽ được hiển thị ở panel bên trái (**primary sidebar**). Phần lớn thời gian các nhà phát triển sẽ muốn sử dụng các công cụ khác ở đây (chẳng hạn như Explorer, Search, Run and Debug,...). Bạn có thể làm theo hướng dẫn 3 bước bên trên để di chuyển Zalo Mini App Extension sang panel bên phải (**secondary sidebar**), hoặc bỏ qua nếu việc này không ảnh hưởng đến bạn.

![Move to secondary sidebar](/assets/MA/img/moved-to-sidebar.webp)

Mẹo: Khi panel bên phải (A) bị ẩn, bạn có thể nhấn vào nút `Toggle Secondary Side Bar` (B) hoặc sử dụng command `View: Focus into Secondary Side Bar` (C) để hiển thị lại.
