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 多阶段构建