# ide-vue Installation Guide

# 1. Windows Installation Procedure

# 1.1 Download Files

Visit the Github Release Page (opens new window) and download the following two files:

vs-code-ide-vue-win32-x64.exe
ide-vue-extensions.zip

# 1.2 Install ide-vue

Double-click on the vs-code-ide-vue-win32-x64.exe file to install.
The icon after launching is shown below:

# 1.3 Install Extensions

# List of Extension Files

After unzipping ide-vue-extensions.zip, you will see the following extensions:

├── PKief.material-icon-theme-4.31.0.vsix
├── Vue.volar-1.8.16.vsix
├── alefragnani.Bookmarks-13.4.2.vsix
├── christian-kohler.npm-intellisense-1.4.5.vsix
├── esbenp.prettier-vscode-10.1.0.vsix
├── octref.vetur-0.37.3.vsix
├── sdras.night-owl-2.0.1.vsix
├── tombonnike.vscode-status-bar-format-toggle-3.2.0.vsix
├── wmaurer.vscode-jumpy-0.3.1.vsix
├── xabikos.JavaScriptSnippets-1.8.0.vsix

1
2
3
4
5
6
7
8
9
10

# Install Extensions

Launch ide-vue.
Navigate to Extensions.
Select ... → Install From VSIX.
Install all the listed extensions.

# Set Icon Theme

Choose Material Icon Theme.
Navigate to Set File Icon Theme.
Select the corresponding icon.

# 1.4 Use Developer Tools to Check Errors

Open the command palette with Ctrl+Shift+P and select Developer: Toggle Developer Tools to check for errors.

# 1.5 Vue Code Writing Test

Now, you can start writing Vue code and enjoy the powerful IDE features.
Vue Code Test

# 2. MacOS Installation Procedure

Please refer to the Windows installation procedure described above.

# 3. ide-vue Extension Overview