Skip to main content
  1. All Posts/

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&#8217;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&#8217;s a work-in-progress that hasn&#8217;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> &#8211; 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&#8217;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>