六、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/

下载之后双击运行安装:

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

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

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

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

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

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

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

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

安装完毕之后打开:

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

Visual Studio Code显示为中文版:

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

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

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

选择第一项:

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

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

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

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

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

编写测试js代码:

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

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

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

点击此处配置:

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

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

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

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

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

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

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

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

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

快速打开我们的JS工程:

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

上一篇:Android studio module生成jar包,module中引用的第三方库没有被引用,导致java.lang.NoClassDefFoundError错误。


下一篇:zookeeper 选举