vetur
Tools
TypeScript
Vetur
Project status
issue: #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
<p>
</a>
</p>
<p>
Vue tooling for VS Code.
</p>
<ul dir="auto">
<li>
vls: Vue Language Server
</li>
<li>
vti: Vetur Terminal Interface
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur">Docs</a>
</li>
</ul>
<p>
🎉 VueConf 2017 <a rel="nofollow noopener" target="_blank" href="https://www.dropbox.com/sh/eb4w8k3orh0j391/AAB3HaJexbGLa2tCP14BI8oJa?dl=0">Slide</a> & <a rel="nofollow noopener" target="_blank" href="https://www.youtube.com/watch?v=05tNXJ-Kric">Video</a> 🎉
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-sponsors" class="anchor" aria-hidden="true" href="#sponsors"></a>Sponsors
</h2>
<p>
I quit my job to travel nomadically, to work on Open Source and to conduct independent study/research.<br /> 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 🙏<br /> https://github.com/sponsors/octref<br /> Thanks to the following companies for supporting Vetur’s development:
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://sponsorlink.codestream.com/?utm_source=vscmarket&utm_campaign=vetur&utm_medium=banner"></p>
<p>
</a>
</p>
<p>
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.<br /> <a rel="nofollow noopener" target="_blank" title="Try CodeStream" href="https://sponsorlink.codestream.com/?utm_source=vscmarket&utm_campaign=vetur&utm_medium=banner">Try it free</a>.
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://bit.ly/3dlKf2Z"></p>
<p>
</a>
</p>
<p>
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.<br /> <a rel="nofollow noopener" target="_blank" title="Try Stepsize" href="https://bit.ly/3dlKf2Z">Try it out for free today</a>.
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="https://bloop.ai/?utm_source=vscmarket&utm_campaign=vetur&utm_medium=banner"></p>
<p>
</a>
</p>
<p>
Bored of trawling through the docs? Get JS and TS code examples from documentation and Open Source right in your IDE. <a rel="nofollow noopener" target="_blank" href="https://bloop.ai/?utm_source=vscmarket&utm_campaign=vetur&utm_medium=banner">Learn more</a>.
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="http://wd5a.2.vu/Vetur"></p>
<p>
</a>
</p>
<p>
<a rel="nofollow noopener" target="_blank" href="http://wd5a.2.vu/Vetur">Tabnine</a> – Code Faster with the All-Language AI Assistant for Code Completion.
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-features" class="anchor" aria-hidden="true" href="#features"></a>Features
</h2>
<ul dir="auto">
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/highlighting.html">Syntax-highlighting</a>
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/semantic-highlighting.html">Semantic-highlighting</a>
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/snippet.html">Snippet</a>
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/emmet.html">Emmet</a>
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/linting-error.html">Linting / Error Checking</a>
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/formatting.html">Formatting</a>
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/intellisense.html">IntelliSense</a>
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/debugging.html">Debugging</a>
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/component-data.html">Component Data</a>: auto-completion and hover-information for popular Vue frameworks and your own custom components
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/interpolation.html">Experimental Interpolation Features</a>: auto-completion, hover information and type-checking in Vue template
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/vti.html">VTI</a>: Surface template type-checking errors on CLI
</li>
<li>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/global-components.html">Global components</a>: support define global components.
</li>
</ul>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-quick-start" class="anchor" aria-hidden="true" href="#quick-start"></a>Quick Start
</h2>
<ul dir="auto">
<li>
Install <a rel="nofollow noopener" target="_blank" href="https://marketplace.visualstudio.com/items?itemName=octref.vetur">Vetur</a>.
</li>
<li>
Try it with Veturpack.
</li>
<li>
Refer to <a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/setup.html">setup</a> page for setting up.
</li>
<li>
Refer to each feature’s own page for setting up specific features.
</li>
</ul>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-faq" class="anchor" aria-hidden="true" href="#faq"></a>FAQ
</h2>
<p>
<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/FAQ.html">FAQ</a>
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-limitations" class="anchor" aria-hidden="true" href="#limitations"></a>Limitations
</h2>
<ul dir="auto">
<li>
You can restart Vue language service when Vetur slow (#2192)
</li>
<li>
yarn pnp (<a rel="nofollow noopener" target="_blank" href="https://vuejs.github.io/vetur/guide/setup.html#yarn-pnp">https://vuejs.github.io/vetur/guide/setup.html#yarn-pnp</a>)
</li>
</ul>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-roadmap" class="anchor" aria-hidden="true" href="#roadmap"></a>Roadmap
</h2>
<p>
See #873.
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-contribution" class="anchor" aria-hidden="true" href="#contribution"></a>Contribution
</h2>
<p>
See CONTRIBUTING.md
</p>
<h2 dir="auto">
<a rel="nofollow noopener" target="_blank" id="user-content-license" class="anchor" aria-hidden="true" href="#license"></a>License
</h2>
<p>
MIT © Pine Wu
</p>