Awesome
<p> <h1 align="center">Vetur</h1> </p>Project status
issue: https://github.com/vuejs/vetur/issues/3476
New official vue editor support: Volar
VSCode extension: https://marketplace.visualstudio.com/items?itemName=Vue.volar
Project: https://github.com/johnsoncodehk/volar
LSP: https://github.com/johnsoncodehk/volar
Vue tooling for VS Code.
🎉 VueConf 2017 Slide & Video 🎉
Sponsors
I quit my job to travel nomadically, to work on Open Source and to conduct independent study/research.
Vetur is my main focus in Open Source. Your help will alleviate my financial burden and allow me to spend more time working on Vetur. Thank you 🙏
https://github.com/sponsors/octref
Thanks to the following companies for supporting Vetur's development:
<table width="100%"> <tr> <td> <a href="https://sponsorlink.codestream.com/?utm_source=vscmarket&utm_campaign=vetur&utm_medium=banner"> <img src="https://alt-images.codestream.com/codestream_logo_vetur.png" width="250"/> </a> </td> <td> Request and perform code reviews from inside your IDE. Review any code, even if it's a work-in-progress that hasn't been committed yet, and use jump-to-definition, your favorite keybindings, and other IDE tools. <a title="Try CodeStream" href="https://sponsorlink.codestream.com/?utm_source=vscmarket&utm_campaign=vetur&utm_medium=banner">Try it free</a>. </td> </tr> <tr> <td> <a href="https://bit.ly/3dlKf2Z"> <img src="https://raw.githubusercontent.com/vuejs/vetur/master/asset/stepsize.png" width="250"/> </a> </td> <td> Track and prioritise tech debt and maintenance issues, straight from your IDE. Bookmark code while you work, organise TODOs and share codebase knowledge with your team. <a title="Try Stepsize" href="https://bit.ly/3dlKf2Z">Try it out for free today</a>. </td> </tr> <tr> <td> <a href="https://bloop.ai/?utm_source=vscmarket&utm_campaign=vetur&utm_medium=banner"> <img src="https://user-images.githubusercontent.com/4033249/127679577-daf35b06-3458-4b2d-9772-03afdfaa088b.png" width="250"/> </a> </td> <td> Bored of trawling through the docs? Get JS and TS code examples from documentation and Open Source right in your IDE. <a href="https://bloop.ai/?utm_source=vscmarket&utm_campaign=vetur&utm_medium=banner">Learn more</a>. </td> </tr> <tr> <td> <a href="http://wd5a.2.vu/Vetur"> <img src="https://user-images.githubusercontent.com/4033249/131348490-ba952c01-c4de-414a-b13a-cbe17014fc07.png" width="250"/> </a> </td> <td> <a href="http://wd5a.2.vu/Vetur">Tabnine</a> - Code Faster with the All-Language AI Assistant for Code Completion. </td> </tr> </table>Features
- Syntax-highlighting
- Semantic-highlighting
- Snippet
- Emmet
- Linting / Error Checking
- Formatting
- IntelliSense
- Debugging
- Component Data: auto-completion and hover-information for popular Vue frameworks and your own custom components
- Experimental Interpolation Features: auto-completion, hover information and type-checking in Vue template
- VTI: Surface template type-checking errors on CLI
- Global components: support define global components.
Quick Start
- Install Vetur.
- Try it with Veturpack.
- Refer to setup page for setting up.
- Refer to each feature's own page for setting up specific features.
FAQ
Limitations
- You can restart Vue language service when Vetur slow (#2192)
- yarn pnp (https://vuejs.github.io/vetur/guide/setup.html#yarn-pnp)
Roadmap
See #873.
Contribution
See CONTRIBUTING.md
License
MIT © Pine Wu