Nodejs 环境搭建之vscode
开始学习Nodejs了,在这里记录一些轨迹吧。
工欲善其事,必先利其器。在开始之前,先搭好顺手的工具。 Nodejs的安装网上有很多教程了,这里着重介绍开发工具vscode的安装和配置。 vscode是挺不错的nodejs编辑工具,支持代码提示、自动完成和debug,并且它本身也是nodejs编写的。 当然如果你发现有更好用的工具,也请告诉我。
nodejs安装
安装Nodejs,我是从这里看的:七天学会nodejs, 还有官网.
下载和安装
下载地址:http://code.visualstudio.com/
配置命令行
配置命令行,使其可以用命令行这样启动:(仅限MacOS)
1
|
|
MacOS系统:
在.bash_profile文件中加入下面代码:
1
|
|
上面代码中的com.microsoft.VSCode
是应用的bundle identifier
。查看方法:
1. 在应用上点击右键,选择“显示包内容”。
2. 打开Contents
目录中的info.plist
3. 其中CFBundleIdentifier
键下面的值就是应用的bundle identifier
。
其实这种方式适用于大多数Mac应用,比如你可以参考我的文件
其他系统:
请参考https://code.visualstudio.com/docs/editor/setup
配置代码提示和自动完成
(2016.4.5勘误)
发现有时候vscode不能正确的进行代码提示,到vscode官网一看,代码提示的安装方法更新了,以下是最新内容:
添加jsconfig.json
在工程目录下新建一个文件jsconfig.json
,填入以下内容:
1 2 3 4 5 6 |
|
这告诉vscode你正在使用ES5的javascript标准写代码,下面一行表示支持使用commonjs导出的模块(来进行代码提示)。
添加TypeScript定义文件
vscode使用TypeScript定义文件(比如node.d.ts
)来提供代码提示和自动完成功能。
vscode推荐使用typings安装和管理TypeScript文件。
首先使用下面代码安装typings:
1
|
|
这将在全局安装typings。
然后,在你的工程目录下,安装你需要的TypeScript文件:
1 2 |
|
安装完之后,应该就可以看到代码提示了。
验证代码提示功能
有一个简单的方法验证vscode代码提示功能是否正常了: 新起一行输入
1
|
|
鼠标移到__dirname
上,如果提示类型是Any
,说明代码提示功能还不正常。
如果能提示类型是string
,那么说明代码提示工作正常了。
注:__dirname
是nodejs内置全局变量。
调试
Launch
点击切换到调试视图。
在调试视图的顶部,点击小齿轮,选择Launch,这会创建一个launch.json配置文件。你可能要改的是program
字段,其他默认即可。
在代码行的左侧点击来下断点,然后点击启动或者F5即可启动调试:
Attach
如果要Attach到现有node程序,那么你需要这样启动node:
1 2 |
|
然后将launch.json
配置文件改成这样的:
1 2 3 4 5 6 7 8 9 10 11 |
|
以上。