最佳扩展 vetur

Emmet:

• In your user settings, set

  "emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
  }

ESLint for linting <script> section:

• Install ESLint extension

• Add vue to your eslint.validate setting, for example:

  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue"
  ]

Stylus:

• Install Stylus extension for Stylus support

VSCode < 1.10

• In your user settings, set

  "files.associations": {
    "*.vue": "vue"
  }

Roadmap

• [x] Build a language server

• [x] IntelliSense for css/scss

• [x] Basic IntelliSense for js/es6 in <script>

• [x] Error checking for css/scss/less

• [x] Snippet for embedded languages

• [x] Embedded formatter for html/css/scss/less/js

• [x] Advanced IntelliSense (In progress, see #26)

• [ ] Jump to definition

• [ ] Debugging embedded JS by setting breakpoints directly

https://marketplace.visualstu...

ctrl+shift+x打开vscode扩展中心，搜vue，安装一个热度最高的vue扩展组件就可以了。