Vetur

Vue tooling for VS Code, powered by vue-language-server.

Doc: https://vuejs.github.io/vetur

Try it out with Veturpack!

🎉 VueConf 2017 Slide & Video 🎉

Revision

• html formatting supporting prettier and prettyhtml mixed features
• i18n formatting

eg:

.vscode/settings.json

{
  // https://vuejs.github.io/vetur/formatting.html#settings
  "vetur.format.defaultFormatter.html": "prettier", // Work well with prettier only
  "vetur.format.defaultFormatterOptions": {
    "prettyhtml": {
      "tabWidth": 2,
      "useTabs": false,
      "printWidth": 80,
      "singleQuote": false,
      "wrapAttributes": true,
      "sortAttributes": true
    }
  }
}

.prettierrc.js

module.exports = {
  htmlWhitespaceSensitivity: 'ignore', // Must do like this to fix the mixed html formatting problems
}

Features

• Syntax-highlighting
• Snippet
• Emmet
• Linting / Error Checking
• Formatting
• Auto Completion
• Debugging

Quick Start

• Install Vetur.
• Try it with Veturpack, a pre-configured Vue boilerplate based on Vuepack.
• Refer to setup page for setting up.
• Refer to each feature's own page for setting up specific features.

FAQ

FAQ

Roadmap

See #873.

Contribution

See CONTRIBUTING.md

License

MIT © Pine Wu