Build 2017 演示

2017年5月10日 Chris Dias, @chrisdias

以下是 Build 2017 VS Code 演讲中演示的示例、工具和扩展的链接。

示例

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

工具

• NPM（Node 包管理器）支持 提供了在 VS Code 中运行 npm install 和 npm uninstall 命令的支持。

• 自动关闭 HTML 标签 自动添加 HTML 和 XML 结束标签。

• CSS IntelliSense（补全） 根据工作区中的 CSS 文件以及 React 的 className 属性，为 HTML class 属性提供 CSS 类名补全。

React

• 新的 React 教程 展示了如何从头开始设置 React 应用程序，包括 IntelliSense、调试、Linter 等。

Angular

• Angular 语言服务 为 Angular 模板（包括内联和外部模板）提供丰富的编辑体验，包括补全列表、AOT 诊断消息、快速信息，甚至“转到定义”。

调试

• VS Code 的 Node.js 调试文档 解释了如何为各种应用程序类型配置 VS Code。

• Chrome 调试器 允许您调试在 Google Chrome 浏览器或其他支持 Chrome 调试协议的目标中运行的 JavaScript 代码。

• 调试配置方案

Linters

• TSLint 将 TypeScript 语言的 tslint linter 集成到 VS Code 中。

• ESLint 将 ESLint（一个用于 JavaScript 和 JavaScript React (JSX) 的可插拔 linting 工具）集成到 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 和微服务

• 安装并了解更多关于 Docker 的信息。

• 适用于 VS Code 的 Docker 工具 使得使用 Docker 容器开发和部署基于容器化微服务的应用程序变得容易。

• Docker 多阶段构建