NodeJs开发环境搭建之Visual Studio Code（二）

╰+攻爆jí腚メ 2022-06-13 09:42 551阅读 0赞

使用Visual Studio Code开发Node.Js

目前Vs Code已经内置的NodeJs开发的许多功能

本文假设已经安装里的NodeJs，更多参考：[http://blog.csdn.net/u011127019/article/details/56673123][http_blog.csdn.net_u011127019_article_details_56673123]

**一、使用 VsCode创建Hello World项目**

1.创建文件夹作为项目目录，使用 npm init 创建NodeJs的配置文件 package.json

![Center][]

2.编写服务端代码，启动服务监听

鼠标右键 Run Code，启动程序，控制台 右键Stop Code Run结束程序。更多参考： [http://blog.csdn.net/u011127019/article/details/56673123][http_blog.csdn.net_u011127019_article_details_56673123]

3.配置调试设置，添加调试配置

特别说明：不添加配置需要每次启动调试都选择NodeJs环境。

如果添加了配置，启动调试时自动选择 launch.json中指定的类型type和启动文件。

![Center 1][]

![Center 2][]

4.智能提示，VS Code中内置了NodeJs的提示，如果想使用更新版本或者使用第三方库的提示。

需要 使用typings 工具，更多参考：[http://blog.csdn.net/u011127019/article/details/56671511][http_blog.csdn.net_u011127019_article_details_56671511]

**二、还有中一种比较简单的方式，使用基于Vs Code的Egret Wing编辑器，**

这个编辑器内置了一些常用的开发模板，可以更方便的初始化项目。

官网地址：[https://www.egret.com/products/wing.html][https_www.egret.com_products_wing.html]

首先安装**Egret Wing编辑器**

1.创建NodeJs的Javascript 项目如下，点击新建项目，选择 Node Js项目(JavaScript)

![Center 3][]

2.输入项目名，创建项目文件和目录

![Center 4][]

3.创建结果如下：项目中自动引入typings 只能提示。

![Center 5][]

[NodeJs开发环境搭建之Visual Studio Code（一）][http_blog.csdn.net_u011127019_article_details_56673123]

[TypeScript开发环境搭建-Visual Studio Code][TypeScript_-Visual Studio Code]

[VS Code智能提示功能之Typings][http_blog.csdn.net_u011127019_article_details_56671511]

[NodeJs的安装和环境变量配置][NodeJs]

[http_blog.csdn.net_u011127019_article_details_56673123]: http://blog.csdn.net/u011127019/article/details/56673123
[Center]: /images/20220613/c3c934d2eb1449909a2bb82348742d82.png
[Center 1]: /images/20220613/806d4c72a62c472e831cee61ca5a447f.png
[Center 2]: /images/20220613/e6c6f3629cde47088883b4914dade8ca.png
[http_blog.csdn.net_u011127019_article_details_56671511]: http://blog.csdn.net/u011127019/article/details/56671511
[https_www.egret.com_products_wing.html]: https://www.egret.com/products/wing.html
[Center 3]: /images/20220613/e65141c32f6f4e138818e51f7c405245.png
[Center 4]: /images/20220613/c4863bcc93254311ac681fac72a45a39.png
[Center 5]: /images/20220613/4d5b1700c5b24d0d82318b3014744ffb.png
[TypeScript_-Visual Studio Code]: http://blog.csdn.net/u011127019/article/details/73380654
[NodeJs]: http://blog.csdn.net/u011127019/article/details/56666472