Upgrade to Pro — share decks privately, control downloads, hide ads and more …

VSCode❤YAML

 VSCode❤YAML

74th(Atsushi Morimoto)

February 19, 2020
Tweet

More Decks by 74th(Atsushi Morimoto)

Other Decks in Technology

Transcript

  1. VSCode ♡ YAML
    Atsushi Morimoto (@74th)

    View Slide

  2. 2月21日(木)発売!!
    400ページで、ほぼ全機能解説
    TypeScript/Go/Pythonでの
             実践的な開発実例
    拡張機能開発&LSP解説
    (コマンド、タスク、テーマ…)
    Atsushi Morimoto @74th

    View Slide

  3. YAML
    インデントで要素を区切る、人間が編集しやすいデータ表現形式
    複数行テキスト、カスタムタグなど豊富な機能
    ● Kubernetes Manifests
    ● Swagger
    ● AWS Cloud Formation

    View Slide

  4. JSONの場合(VSCode付属拡張機能)
    JSON Schemaに従って、エラーの検出、コード補完ができる
    ● "$schema": "http://swagger.io/v2/schema.json" を置く
    ● 設定に書く
    // .vscode/settings.json
    {
    "json.schemas": [
    {
    "fileMatch": [
    "swagger/*.json"
    ],
    "url": "http://swagger.io/v2/schema.json"
    }
    ]
    }

    View Slide

  5. View Slide

  6. YAML(VSCode拡張機能)
    JSONスキーマを使用
    設定で対応を書くと、エラー検出、コード補完が利用可能
    // .vscode/settings.json
    {
    "yaml.schemas": {
    "http://swagger.io/v2/schema.json": "swagger/*.yaml",
    "kubernetes": "manifest/**/*.yaml"
    }
    }

    View Slide

  7. View Slide