使用Visual Studio开发Node.js应用程序

我会带着你远行 2023-10-04 12:44 1阅读 0赞

## 将 Visual Studio 变成强大的 Node.js 开发环境 ##

![screenshot of project templates][]

### 项目模板 ###

#### 快速启动并运行 ####

开始在 Visual Studio 中使用内置项目模板构建 Node.js 应用程序。 或者，使用你熟悉的命令行基架工具生成项目，并通过几个单击操作将其导入 Visual Studio。

### IntelliSense ###

#### 了解您的代码 ####

通过强大的 IntelliSense 引擎体验有用且语法正确的完成功能，该引擎可静态分析您的 Node.js 代码和您使用的任何程序包。

[了解更多 ][Link 1]

![screenshot of IntelliSense][]

![screenshot of npm integration][]

### npm 集成 ###

#### npm 无处不在，正如其理应如此 ####

无论你是喜欢通过丰富的用户界面、命令行还是同时使用这二者与 npm 进行交互，我们都能满足你的需求。 从丰富的用户界面快速搜索并安装程序包、在 npm 树视图中浏览程序包及其依赖项，并在你缺失某个依赖项时查看警告。

### 交互窗口 ###

#### 循环访问更快速 ####

输入 Node.js 代码并立即在 Node.js 交互窗口（也称为 REPL 窗口）中查看结果。 您可以使用在 Node.js 脚本中使用的同一内置模块、语法和变量。 当然，你可以使代码获得完整的语法突出显示和 IntelliSense 功能，就像你使用编辑器操作一样。

![screenshot of Interactive Window][]

![screenshot of Visual Studio’s interactive debugger][screenshot of Visual Studio_s interactive debugger]

### 高级调试 ###

#### 本地和远程连接到任何操作系统 ####

通过 Visual Studio 交互调试器中的断点和自动异常通知了解代码执行的每一个步骤。 高级功能包括条件断点、跟踪点、命中计数、编辑并继续以及跨操作系统 (Linux/MacOS/Windows) 远程调试。

[了解更多 ][Link 2]

### 分析 ###

#### 跟踪性能问题 ####

分析报告可提供不同级别的应用程序结构视图（从源代码行到进程）和程序执行数据（从特定函数的调用和被调用函数到整个应用程序的调用树）。

![screenshot of profiling reports][]

![screenshot of Node.js Tools for Visual Studio][]

### 单元测试 ###

#### 引入您自己的测试框架 ####

Node.js Tools for Visual Studio 包括针对发现和执行单元测试的支持。 这让您不必切换至命令提示符即可创作、运行、调试并筛选单元测试。 使用 mocha 或只需扩展 Visual Studio 就可使用你喜好的单元测试框架。

### TypeScript 集成 ###

#### 构建可靠的应用程序 ####

[TypeScript][] 是 JavaScript 的一个超集，可编译为干净的 JavaScript 输出。 其可增加可选类型、类以及模块，从而支持您编写更易于维护的代码并利用更为强大的工具。 在您的 Node.js 应用程序中使用 TypeScript 时，Node.js Tools for Visual Studio 可提供完整的端到端支持（从 IntelliSense 到单元测试）。

![screenshot of TypeScript integration][]

![screenshot of Team Explorer][]

### 源控件 ###

#### 无需命令行 ####

使用团队资源管理器轻松管理你的 Git/TFS 项目、挂起更改以及分支。 或者，尝试使用可供 Visual Studio 使用的众多源控件扩展之一。

### 云集成 ###

#### 5 分钟之内完成创建和部署 ####

创建、测试和部署使用 Node.js 编写的 Web 应用程序，并于该应用程序在基于 Linux 或 Windows 的服务器上运行时，从桌面对其进行调试。 此外，还可利用 Visual Studio 与跨平台[适用于 Node.js 的 Azure 服务][Node.js _ Azure]的紧密集成，即使你没有部署至 Azure（例如 通过 [Application Insights][] 监视实时应用程序的性能和使用情况）也可如此。

![screenshot of integration with cross-platform Azure services for Node.js][]

![screenshot of JavaScript and Node.js extensions][]

### 自定义您的工具 ###

#### 针对 grunt、gulp 等的扩展！ ####

通过 Visual Studio 库中提供的众多 JavaScript 和 Node.js 扩展完善您的体验。 热门扩展包括：

*  [Package IntelliSense][]
 *  [Web Essentials][]（包括 jslint 和 jshint 支持）
 *  [Task Runner Explorer][]（适用于 Grunt 和 Gulp）
 *  [EditorConfig][]

### 免费、开源 ###

#### 加入 GitHub 社区 ####

Node.js Tools for Visual Studio 是一个受 Microsoft 及社区支持的免费开源 Visual Studio 扩展。 我们不断致力于改进 Visual Studio 中的 Node.js 体验，并期望收到你的反馈或想法（尤其是那些以[拉取请求][Link 3]形式提交的反馈和想法）。

![screenshot of Node.js Tools for Visual Studio][screenshot of Node.js Tools for Visual Studio 1]

[screenshot of project templates]: https://img-blog.csdnimg.cn/img_convert/7c1cf9e3075212a7dde987f4f6e2dfde.png
[Link 1]: https://docs.microsoft.com/visualstudio/ide/javascript-intellisense
[screenshot of IntelliSense]: https://img-blog.csdnimg.cn/img_convert/e2dd6951cdbb0cb67cb1e6147e93f4d9.png
[screenshot of npm integration]: https://img-blog.csdnimg.cn/img_convert/7e8d1bd830d8431de6bf2c75518be5af.png
[screenshot of Interactive Window]: https://img-blog.csdnimg.cn/img_convert/d8fafcb0d52091558209fc56cb4104a7.png
[screenshot of Visual Studio_s interactive debugger]: https://img-blog.csdnimg.cn/img_convert/04c8053d5084f3e195141969e2c0e5e5.png
[Link 2]: https://docs.microsoft.com/visualstudio/javascript/debug-nodejs
[screenshot of profiling reports]: https://img-blog.csdnimg.cn/img_convert/1cb7a71ebe5025f765d21760d66ce77a.png
[screenshot of Node.js Tools for Visual Studio]: https://img-blog.csdnimg.cn/img_convert/b2ba95d08f2000af6aad28d7f00a76ba.png
[TypeScript]: https://www.typescriptlang.org/
[screenshot of TypeScript integration]: https://img-blog.csdnimg.cn/img_convert/285820d859e035763dfb108d2dab0292.png
[screenshot of Team Explorer]: https://img-blog.csdnimg.cn/img_convert/9d9f1a5bd6862571e01d378f58ae657b.png
[Node.js _ Azure]: https://azure.microsoft.com/develop/nodejs/
[Application Insights]: https://www.npmjs.com/package/applicationinsights
[screenshot of integration with cross-platform Azure services for Node.js]: https://img-blog.csdnimg.cn/img_convert/9745e47b1d27a66ddb4ccded7b65b849.png
[screenshot of JavaScript and Node.js extensions]: https://img-blog.csdnimg.cn/img_convert/06f9654db0313dd83e2de1b68963f489.png
[Package IntelliSense]: https://marketplace.visualstudio.com/items?itemName=MadsKristensen.PackageIntellisense
[Web Essentials]: https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebEssentials2019
[Task Runner Explorer]: https://marketplace.visualstudio.com/items?itemName=MadsKristensen.TaskRunnerExplorer
[EditorConfig]: https://marketplace.visualstudio.com/items?itemName=MadsKristensen.EditorConfig
[Link 3]: https://github.com/Microsoft/nodejstools/wiki/Contributing
[screenshot of Node.js Tools for Visual Studio 1]: https://img-blog.csdnimg.cn/img_convert/b216f2c85c6452d79f320c5d7d50b66d.png