vscode中node.js开发和扩展开发的区别
展开全部
1.智能感知
vscode使用DefinitelyTyped进行自动完成所以需要先安装tsd,命令:
npm install -g tsd
安装完成后,首先安装node基本语法支持
tsd query node --action install
然后根据使用的modules安装,相应的支持,例如express的
tsd query express --action install
具体的包可以到这里查询:http://definitelytyped.org/tsd/
安装完毕后会在项目的目录中新建typings目录,里面保存相应的包。
2.启动项目
vscode会根据launch.json来进行项目的启动,通过launch.json配置,不仅可以进行nodejs的项目启动,还可以进行其他代码的启动,包括php等,php的我会在下篇文章介绍,这里需要注意的是launch.json,是存放在.vscode目录内的不要搞错。
3.代码调试
首先要点击vscode右侧的debug标签,找不到的按ctrl-shift-E,或者直接按F5,启动调试,这样就可一开始调试跟踪了。编辑器的右侧会有debug的console可以查看输出,左侧的变量监控做的也非常不错。
最后小技巧:快速打开项目
由于vscode没有项目的sln文件,所打开项目比较麻烦(其实不麻烦,我比较懒),这里介绍一个简单的方法
新建一个bat文件start-ide.bat(名字不要与系统命令重复例如cmd,start,否则就无限循环了),内容如下:
start code .
这样点击这个bat文件会打开2个窗口,一个目录是项目根目录的cmd窗口可以方便的输入命令、一个打开项目根目录的vscode的编辑器,这样就可以愉快的开始玩耍了。
另外:mongo-express管理mongodb还不错,找不到好的管理工具的可以试试。
vscode使用DefinitelyTyped进行自动完成所以需要先安装tsd,命令:
npm install -g tsd
安装完成后,首先安装node基本语法支持
tsd query node --action install
然后根据使用的modules安装,相应的支持,例如express的
tsd query express --action install
具体的包可以到这里查询:http://definitelytyped.org/tsd/
安装完毕后会在项目的目录中新建typings目录,里面保存相应的包。
2.启动项目
vscode会根据launch.json来进行项目的启动,通过launch.json配置,不仅可以进行nodejs的项目启动,还可以进行其他代码的启动,包括php等,php的我会在下篇文章介绍,这里需要注意的是launch.json,是存放在.vscode目录内的不要搞错。
3.代码调试
首先要点击vscode右侧的debug标签,找不到的按ctrl-shift-E,或者直接按F5,启动调试,这样就可一开始调试跟踪了。编辑器的右侧会有debug的console可以查看输出,左侧的变量监控做的也非常不错。
最后小技巧:快速打开项目
由于vscode没有项目的sln文件,所打开项目比较麻烦(其实不麻烦,我比较懒),这里介绍一个简单的方法
新建一个bat文件start-ide.bat(名字不要与系统命令重复例如cmd,start,否则就无限循环了),内容如下:
start code .
这样点击这个bat文件会打开2个窗口,一个目录是项目根目录的cmd窗口可以方便的输入命令、一个打开项目根目录的vscode的编辑器,这样就可以愉快的开始玩耍了。
另外:mongo-express管理mongodb还不错,找不到好的管理工具的可以试试。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询