に参加して、VS Code の AI 支援開発について学びましょう。

Build 2017 デモ

2017年5月10日 Chris Dias, @chrisdias

以下は、Build 2017 VS Code トークでデモンストレーションされたサンプル、ツール、および拡張機能へのリンクです。

サンプル

  • StickerApp は、デモで使用されたアプリのフル機能版です。

ツール

  • NPM (Node Package Manager) サポート は、VS Code 内から npm install および npm uninstall コマンドを実行するためのサポートを提供します。

  • HTML タグの自動クローズ は、HTML および XML の閉じタグを自動的に追加します。

  • CSS IntelliSense (補完) は、ワークスペース内の CSS ファイル、および React の className 属性に基づいて、HTML の class 属性に CSS クラス名の補完を提供します。

React

  • 新しい React チュートリアル では、React アプリをゼロからセットアップする方法、IntelliSense、デバッグ、リンターなどを紹介しています。

Angular

  • Angular Language Service は、Angular テンプレート(インラインおよび外部テンプレートの両方)に豊富な編集エクスペリエンスを提供し、補完リスト、AOT 診断メッセージ、クイック情報、さらには定義への移動なども含まれます。

デバッグ

  • VS Code の Node.js デバッグドキュメント は、さまざまなアプリケーションタイプに合わせて VS Code を構成する方法を説明しています。

  • Chrome Debugger を使用すると、Google Chrome ブラウザまたは Chrome デバッグプロトコルをサポートするその他のターゲットで実行されている JavaScript コードをデバッグできます。

  • デバッグ構成レシピ

リンター

  • TSLint は、TypeScript 言語用の tslint リンターを VS Code に統合します。

  • ESLint は、JavaScript および JavaScript React (JSX) 用のプラグ可能なリンティングユーティリティである ESLint を VS Code に統合します。

NoSQL MongoDB

  • MongoDB 拡張機能 を使用すると、ローカルおよびホストされている MongoDB データベースの両方に接続し、データベースとコレクションを作成および削除し、クエリを実行できます。拡張機能を使用するには、リポジトリをクローンし、npm install を実行し、F5 を押して開発ホストで拡張機能を実行します。または、拡張機能をローカルでビルドしてからインストールすることもできます。
npm install -g vsce
vsce package
code --install-extension vscode-mongodb-0.0.1.vsix

Docker とマイクロサービス

© . This site is unofficial and not affiliated with Microsoft.