Bỏ qua đến nội dung
Set Up Essential Plugins for Home Assistant: VS Code, HACS, and Samba Share

Set Up Essential Plugins for Home Assistant: VS Code, HACS, and Samba Share

To make it easier to follow and work with the guides on my blog, you need to set up a system of plugins right from the beginning. Keywords: home assistant, bms, ai.

To follow most Home Assistant tutorials comfortably, you should prepare a small set of basic tools first. These add-ons make it much easier to edit configuration files, install community integrations, and move files in and out of your Home Assistant machine.

This guide focuses on three essentials:

  • Studio Code Server for editing YAML and Home Assistant configuration files.
  • HACS for installing community integrations, dashboard cards, and themes.
  • Samba Share for accessing Home Assistant folders from Windows or macOS.

Install Studio Code Server

Studio Code Server gives you a browser-based Visual Studio Code environment inside Home Assistant. It is useful when you need to edit files such as configuration.yaml, automations.yaml, scripts.yaml, or custom integration files.

Studio Code Server add-on page in Home Assistant

Installation Steps

  1. Open Home Assistant.
  2. Go to Settings -> Add-ons -> Add-on Store.
  3. Search for Studio Code Server or Visual Studio Code.
  4. Open the add-on page and click Install.
  5. After installation, enable the options you need:
  6. Start on boot
  7. Watchdog
  8. Auto update
  9. Show in sidebar
  10. Click Start.
  11. Check the Log tab to confirm the add-on started correctly.
  12. Click Open Web UI to open the editor.

Using Studio Code Server

Once the add-on is running, open it from the sidebar or from the Open Web UI button. You should see your Home Assistant configuration folder in the left file explorer.

Studio Code Server editor showing Home Assistant configuration files

Common files you will edit:

  • configuration.yaml for global YAML configuration.
  • automations.yaml for automations created or stored as YAML.
  • scripts.yaml for reusable scripts.
  • scenes.yaml for scene definitions.
  • custom_components/ for custom integrations installed manually.

If you only use Home Assistant through the visual UI, you may not edit these files every day. But once you start following more advanced tutorials, having a proper editor saves a lot of time.

Install HACS

HACS stands for Home Assistant Community Store. It is not part of the official Home Assistant core, but it is one of the most useful tools for people who want to install community integrations, frontend cards, themes, and experimental features.

HACS integration search screen in Home Assistant

Option 1: Install HACS With the Add-on Repository

If your Home Assistant setup supports add-ons, the easier path is:

  1. Go to Settings -> Add-ons -> Add-on Store.
  2. Open Manage add-on repositories.
  3. Add this repository:
https://github.com/hacs/addons
  1. Refresh the add-on store.
  2. Search for Get HACS.
  3. Install and run it.
  4. Restart Home Assistant when the installation is complete.

Option 2: Install HACS Manually

If the add-on method does not work, install HACS manually from the terminal inside Studio Code Server:

wget -O - https://get.hacs.xyz | bash -

Then restart Home Assistant:

  1. Go to Settings -> System.
  2. Choose Restart Home Assistant.
  3. Wait for Home Assistant to come back online.

Connect HACS to GitHub

After restarting:

  1. Go to Settings -> Devices & services.
  2. Click Add integration.
  3. Search for HACS.
  4. Follow the GitHub authentication flow.
  5. Copy the device code shown by Home Assistant.
  6. Open the GitHub device login page.
  7. Enter the code and authorize HACS.
GitHub device code screen used during HACS authorization

When the flow is complete, HACS will appear in the Home Assistant sidebar. From there, you can search for community integrations, Lovelace cards, and themes.

Install Samba Share

Samba Share lets you access Home Assistant folders from another computer on your local network. This is convenient when you want to copy files, back up configuration folders, or edit files with tools outside the browser.

Samba Share add-on in Home Assistant

Installation Steps

  1. Go to Settings -> Add-ons -> Add-on Store.
  2. Search for Samba Share.
  3. Open the add-on page.
  4. Click Install.
  5. Open the Configuration tab.
  6. Set a username and password for network access.
  7. Configure allowed_hosts to match your home network.
  8. Save the configuration.
  9. Start the add-on.
Samba Share configuration screen in Home Assistant

Example allowed_hosts values:

allowed_hosts:
  - 192.168.0.0/16
  - 172.16.0.0/12

Only allow the networks you actually use. Do not expose Samba Share directly to the Internet.

Access Samba Share From Windows

  1. Open This PC.
  2. Right-click Network or choose Map network drive from the toolbar.
  3. Enter the Home Assistant network path:
\\HOME_ASSISTANT_IP
  1. Select the folder you want to mount.
  2. Enter the username and password configured in the Samba Share add-on.
  3. Enable Remember my credentials if this is your own trusted computer.

Access Samba Share From macOS

  1. Open Finder.
  2. Click Go -> Connect to Server.
  3. Enter:
smb://HOME_ASSISTANT_IP
  1. Click Connect.
  2. Choose the shared folder.
  3. Enter the Samba username and password.

Install the tools in this order:

  1. Studio Code Server first, so you have a proper editor and terminal.
  2. HACS second, because many future Home Assistant tutorials depend on it.
  3. Samba Share third, so you can move files from your desktop when needed.

After that, your Home Assistant environment is ready for most smart home tutorials: editing YAML, installing custom components, adding dashboard cards, and managing files from another computer.

Safety Notes

  • Do not publish Samba Share to the Internet.
  • Use a strong Samba username and password.
  • Keep HACS and installed custom integrations updated.
  • Back up Home Assistant before installing many custom components.
  • Be careful when editing YAML files: one indentation mistake can break a configuration reload.

Image Sources

Bạn thấy bài viết hữu ích?

Đăng ký để nhận thông báo khi có bài viết mới.

Kiểm tra hộp thư để xác nhận email!
Bạn đã đăng ký thành công vào Geek Playground
Tuyệt vời! Tiếp theo, hoàn tất thanh toán để có quyền truy cập đầy đủ vào Geek Playground
Chào mừng trở lại! Bạn đã đăng nhập thành công.
Thành công! Tài khoản của bạn đã được kích hoạt đầy đủ, bạn hiện có quyền truy cập vào tất cả nội dung.
Thành công! Thông tin thanh toán của bạn đã được cập nhật.
Cập nhật thông tin thanh toán không thành công.