webstorm编辑器开发nodejs项目介绍

新接触nodejs,经理推荐使用webstorm工具进行项目开发,对于一个习惯使用eclipse开发人员,使用webstorm刚开始是真的很懵逼。以下为使用webstorm启动nodejs项目的基本步骤


1.打开webstorm

2.点击左上角的file,选择open打开本地磁盘,选取自己的node.js项目

webstorm编辑器开发nodejs项目介绍_第1张图片


此时项目引进,将视图调整为工程模式

webstorm编辑器开发nodejs项目介绍_第2张图片


此时展开效果如下图:

webstorm编辑器开发nodejs项目介绍_第3张图片


3.运行项目:

通过npm生成的nodejs项目在bin文件夹下有一个www文件,打开www文件,右键run,此时项目就启动了

webstorm编辑器开发nodejs项目介绍_第4张图片

项目也可以使用debug启动,这样通过打断点可以对代码进行调试。


4.补充分享一下将webstorm调整为eclipse开发模式(针对习惯使用eclipse开发人员)

file---》settings---》keymap----》keymaps:eclipse

webstorm编辑器开发nodejs项目介绍_第5张图片



在这种模式下,ctrl+f可以进行页面内搜索,ctrl+h可以进行项目间搜索等等。


5.项目启动了,根据www文件中的初始端口号为3000,此时在浏览器上输入:http://localhost:3000

就能看见欢迎页了


你可能感兴趣的:(node.js)