按照说明 安装 Node.js 开发工作负载和 Node.js 运行时。

对于简单的 Visual Studio 集成，请使用 Node.js TypeScript 模板之一（如空白 Node.js Web 应用模板）创建项目。 否则，请使用 Visual Studio 随附的 Node.js JavaScript 模板并按照此处的说明进行操作。 或者，使用 打开文件夹 项目。

如果你的项目尚未包含它，则安装 TypeScript npm 包 。

在解决方案资源管理器（右窗格）中，打开项目根目录中的 package.json。 列出的包对应于解决方案资源管理器中 npm 节点下的包。 有关详细信息，请参阅 管理 npm 包 。

对于 Node.js 项目，可以使用命令行或 IDE 安装 TypeScript npm 包。 若要使用 IDE 安装，请在解决方案资源管理器中右键单击“npm”节点，选择“安装新的 npm 包”，搜索“TypeScript”，然后安装包。

选中“输出”窗口中的“npm”选项，以查看包安装进度。 安装的包显示在解决方案资源管理器的“npm”节点下。

如果项目尚未包含它，请将 tsconfig.json 文件添加到项目根目录。 若要添加文件，请右键单击项目节点，然后依次选择“添加”>“新项”。 选择“TypeScript JSON 配置文件”，然后单击“添加”。

如果看不到所有项模板，请选择“显示所有模板”，然后选择项模板。

Visual Studio 会将 tsconfig.json 文件添加到项目根目录中。 可以使用此文件为 TypeScript 编译器 配置选项 。

打开 tsconfig.json 并更新，以设置所需的编译器选项。

下面是一个简单的 tsconfig.json 文件示例。

在此示例中：

将 TypeScript (.ts) 或 TypeScript JSX (.tsx) 文件添加到项目，然后添加 TypeScript 代码。 TypeScript 的简单示例如下：

let message: string = 'Hello World';
console.log(message);
在 package.json 中，使用以下脚本添加对 Visual Studio build 和 clean 命令的支持。
"scripts": {
  "build": "tsc --build",
  "clean": "tsc --build --clean"
若要使用第三方工具（如 webpack）进行生成，可以将命令行生成脚本添加到 package.json 文件：
"scripts": {
   "build": "webpack-cli app.tsx --config webpack-config.js"
有关将 webpack 与 React 和 webpack 配置文件结合使用的示例，请参阅使用 Node.js 和 React 创建 Web 应用。
有关将 Vue.js 与 TypeScript 结合使用的示例，请参阅创建 Vue.js 应用程序。
如果需要配置选项（如启动页、Node.js 运行时路径、应用程序端口或运行时参数），请右键单击解决方案资源管理器中的项目节点，然后选择“属性”。
配置第三方工具时，Node.js 项目不会使用“工具”>“选项”>“项目和解决方案”>“Web 包管理”>“外部 Web 工具”下配置的路径。 这些设置用于其他项目类型。
选择“生成”>“生成解决方案”。
应用在运行应用时自动生成。 但是，在生成过程中，可能会发生以下情况：
如果生成了源映射，请打开在“outDir”选项中指定的文件夹，并找到生成的 *.js 文件以及生成的 *js.map 文件。
调试需要源映射文件。
运行应用程序
有关在编译后运行应用的说明，请参阅创建 Node.js 和 Express 应用。
自动化生成任务
可以使用 Visual Studio 中的任务运行程序资源管理器来帮助自动执行第三方工具（例如 npm 和 webpack）的任务。
NPM 任务运行程序 - 添加对 package. json 中定义的 npm 脚本的支持。 支持 yarn。
Webpack 任务运行程序 - 添加对 webpack 的支持。
属性、React、Angular、Vue