Build 2017 Demo

2017年5月10日 Chris Dias, @chrisdias

以下是 Build 2017 VS Code 演講中演示的示例、工具和擴充套件的連結。

示例

• StickerApp 是演示中使用的應用程式的完整功能版本。

工具

• NPM (Node Package Manager) Support 提供對從 VS Code 內部執行 npm install 和 npm uninstall 命令的支援。

• Auto Close HTML tag 自動新增 HTML 和 XML 結束標籤。

• CSS IntelliSense (Completions) 根據工作區中的 CSS 檔案以及 React 的 className 屬性，為 HTML class 屬性提供 CSS 類名補全。

React

• 一個新的 React 教程向您展示如何從頭開始設定 React 應用程式、IntelliSense、除錯、程式碼檢查器等。

Angular

• Angular Language Service 為 Angular 模板提供豐富的編輯體驗，包括內聯和外部模板，包括補全列表、AOT 診斷訊息、快速資訊，甚至是轉到定義。

除錯

• VS Code 的 Node.js Debugging documentation 解釋瞭如何為各種應用程式型別配置 VS Code。

• Chrome Debugger 允許您除錯在 Google Chrome 瀏覽器中執行的 JavaScript 程式碼或支援 Chrome Debugging Protocol 的其他目標。

• 除錯配置指南

Linters

• TSLint 將 tslint 程式碼檢查器整合到 VS Code 中用於 TypeScript 語言。

• ESLint 將 ESLint（一個用於 JavaScript 和 JavaScript React (JSX) 的可插拔程式碼檢查實用程式）整合到 VS Code 中。

NoSQL MongoDB

• MongoDB Extension 允許您連線到本地和託管的 MongoDB 資料庫、建立和刪除資料庫和集合、執行查詢等等。要使用該擴充套件，只需克隆倉庫，執行 npm install，然後按 F5 在開發主機中執行該擴充套件。或者，您可以在本地構建擴充套件然後安裝它。

npm install -g vsce
vsce package
code --install-extension vscode-mongodb-0.0.1.vsix

Docker and Micro-Services

• 安裝並瞭解更多關於 Docker 的資訊。

• Docker Tools for VS Code 使使用 Docker 容器開發和部署基於容器的微服務應用程式變得容易。

• Docker 多階段構建