Beruflich Dokumente
Kultur Dokumente
- prettier soon
Auto Completion
- For html / css / scss / less / js / ts
- Let's take a look!
Auto Completion
Auto Completion
Auto Completion
Auto Completion
DEMO
How?
1. Embedded Language Server Architecture
2. Language Server Protocol
3. TypeScript
3.1. Language Server
3.2. Vue Types / Contextual Typing
1. Embedded Language Service
vue-html html
TypeScript js / ts
An Everyday Conversation
VSCode Here is a Vue file.
textDocument/publishDiagnostics Vetur
{ uri: "~/project/Test.vue",
position: { row: 8, column: 10} }
3.1 TypeScript Language Server
- Auto completion / error checking / hover info...
- Works with JS too!
3.2 Vue Types / Contextual Typing
- Typing `this` based on context
3.2 Vue Types / Contextual Typing
3.2 Vue Types / Contextual Typing
Future?
Embedded Language Server + Language Server Protocol
Future?
Embedded Language Server + Language Server Protocol
Easily extensible
For adding support for new language / feature
eslint-plugin-vue
- Check against <template>
- Error / Style / Best-Practice
- In Vetur / LSP term, `doValidation`
eslint-plugin-vue
Anyone could have made such mistakes
Future
Vetur
Future
0.8
The Real Future
- Vue Language Server for any editor
The Real Future
- Vue Language Server for any editor
The Real Future
- <template>
- auto completion based on Vue object
- props type check
- prettier
- postcss + stylelint
The Real Future
- Extend Language Server Capabilities
- Jump to definition
- Find all references (vuex actions?)
Why?
Status quo
Proun
- Seamless transition
- All the features you've seen
Proun
Proun