TypeScript コンパイラを活用した
Vue テンプレートの解析

Meguro.es # 22 @ メルカリ

デモ

1. Vetur をインストール

2. ✔ Template Interpolation Service

Template mode

Script mode

Style mode

Template mode

Script mode

Style mode

Interpolation mode

Template → TypeScript

TypeScript

Type Checker

[35, 42, message] <=> [268, 280, this.message]

HTML – TypeScript でソースマップ生成

Hover

Auto complete

Peek references

詳しい話は……

Other Editors? CLI?

Vue Language Server

Vetur

VSCode

1. Vetur をインストール

2. ✔ Template Interpolation Service

TypeScript コンパイラを活用した Vue テンプレートの解析

By katashin

TypeScript コンパイラを活用した Vue テンプレートの解析

Meguro.es # 22 @ メルカリ https://meguroes.connpass.com/event/134746/

  • 2,460