How to open a .vue file
Quick, free ways to open Vue on any system.
A .vue file is a Vue Single-File Component. If double-clicking does nothing, your computer simply does not have an app that reads Vue yet. Here is how to fix that on each operating system, using free software wherever possible.
Open a .vue file step by step
- Confirm the file really is a .vue. Drop it into the WhatFileType file identifier, which reads its signature without uploading anything.
- On Windows, open it with VS Code (Vue extension) or WebStorm.
- On Mac, use VS Code (Vue extension) or WebStorm.
- On Linux, try VS Code or vim.
- Still stuck? Convert the .vue to js, which opens more widely.
Best apps to open .vue files
Windows
- VS Code (Vue extension)
- WebStorm
- any text editor
macOS
- VS Code (Vue extension)
- WebStorm
- any text editor
Linux
- VS Code
- vim
- any text editor
!
Before you open it: Caution. A .vue file is program source that runs once built. Review unfamiliar components before running them.
Frequently asked questions
Why can't I open my .vue file?
Almost always because no installed app understands Vue. Install one of the apps above, or convert the file to a format your existing software already reads.
How do I open a .vue file?
Any text editor shows the template, script and style blocks. VS Code with the official Vue extension adds highlighting and type checking.
What is inside a .vue file?
Three sections: a template for the markup, a script for the logic, and an optional style for scoped CSS, all describing one component.