CompletionProvider / IntelliSense

The current CompletionProvider based VSCode’s html extension needs improvement. This is to write a new CompletionProvider to satisfy the following goals:

• Scope based IntelliSense: Region-based IS is already there (css using css IS, js using js IS). Scope not yet. For example: <span v-text="|"></span> here it should suggest all possible values (props, computed props) for the current component.
• Correct import / export
  • Importing js libs like lodash should add those methods to js region IS.
  • Importing vue files should add component to template, like FooBar.vue -> <foo-bar>.
• Use SnippetString in CompletionItem to provide Vue API
  • https://github.com/Microsoft/vscode/blob/master/src/vs/editor/contrib/snippet/common/snippet.md
  • For both template region (directives) and js region.
  • Possibly also add vuex / vue-router API

Things need to look into:

• Limitations of SnippetString for IS
• vscode-textmate for getting scope info
• How to utilize salsa

While doing it, maybe also add a custom Diagnostics that shows error, such as v-if using non-existing prop.

[octref]

An update:

• v-* directives and slot, key, and ref IntelliSense are now supported. Upgrade to 0.5.0 to try it out.
• Correct import / export is not done yet, but should involve just tweaking TypeScript’s compiler options https://github.com/octref/vetur/blob/master/server/src/modes/javascriptMode.ts#L18. I probably won’t have time until next weekend, so I’m pushing out 0.5.0 with directives IntelliSense first.
• Next version of TS adds a feature called contextual this, which will be very useful for providing correct IntelliSense and even type check for vue component. @sandersn from TS team is working on a plugin to provide better IntelliSense for vue (see #75), and I’ll work with him to bring it to vetur.

[octref]

Thanks to @sandersn’s PR https://github.com/octref/vetur/pull/94, module resolution works now.

I’m planning to find a way to get props / data / computed / methods information from the exported component and use it to power IntelliSense (for both html template and js), and release 0.6 around this weekend.