六、Note开发工具Visual Studio Code下载安装以及Visual Studio Code的使用

专业的人干专业的事，我们搞Node总不能真的使用文本编辑器傻乎乎的搞吧，文本编辑器来开发Node程序，效率太低，运行Node程序还需要在命令行单独敲命令。如果还需要调试程序，就更加麻烦了。所以我们需要一个IDE集成开发环境，让我们能在一个环境里编码、运行、调试，这样就可以大大提升开发效率。

Java的集成开发环境有Eclipse，Intellij idea等，C#的集成开发环境有Visual Studio，那么问题又来了：Node.js的集成开发环境到底哪家强？

考察Node.js的集成开发环境，重点放在启动速度快，执行简单，调试方便这三点上。当然，免费使用是一个加分项。

综合考察后，我们隆重向大家推荐Node.js集成开发环境：

Visual Studio Code

Visual Studio Code由微软出品，但它不是那个大块头的Visual Studio，它是一个精简版的迷你Visual Studio，并且，Visual Studio Code可以跨！平！台！Windows、Mac和Linux通用。

下面提供官方下载地址：

https://code.visualstudio.com/

下载之后双击运行安装：

安装过程中勾选以下几项：

原谅我对您的不尊重，但是我还是要科普一些常识：

Windows资源管理器文件上下文菜单：某个文件或文件夹右键单击后，出现的菜单
Windows资源管理器目录上下文菜单：在桌面空白处，或者在资源管理器空白处右键单击显示出来的菜单

上图，下面的选项包含上面的一项，所以我们勾选下面的即可，上面勾选的作用就是我们在计算机任何一处点击鼠标右键时，会出现下面的菜单：

 

安装完毕之后打开：

 

Visual Studio Code显示为中文版：

使用快捷键Ctrl+Shift+P会打开如下页面：

在下面的输入框内输入：Configure Display Language

选择第一项：

接下来你就会自己改为中文了

下面选择的文件夹将是我们的工程根目录

 

编写测试js代码：

 

 

 点击调试之后会提示我们没有配置：

 

点击此处配置：

 

 

这时会默认生成一个launch.json文件，存放在vsCoad的配置文件夹：

 

 

如果我们新增了其他js文件需要启动，那么上面的hello.js就要换成我们新的文件名，这样才能通过debug运行我们的新js文件

 

 断点调试，在需要调试的代码前面单击，出现红点就说明打上断点了：

快速打开我们的JS工程：