搭建Node.js开发IDE环境WebStrom5 多图

1.下载前期准备

node.js下载地址

http://nodejs.org/

搭建Node.js开发IDE环境WebStrom5 多图_第1张图片


WebStrom5下载地址:

http://download-ln.jetbrains.com/webide/WebStorm-5.0.4.exe 

搭建Node.js开发IDE环境WebStrom5 多图_第2张图片


WebStrom5注册机地址

http://download.csdn.net/detail/youyudehexie/5028433

搭建Node.js开发IDE环境WebStrom5 多图_第3张图片


2.配置与安装

网上有资源,我就不重复了

http://www.tuicool.com/articles/UnmaAn


3.创建一个简单的node.js工程

3.1 安装node.js

安装刚才从官网下载的node.js的安装包后,安装的时候请按照默认路径来安装。

3.2 新建一个工程

搭建Node.js开发IDE环境WebStrom5 多图_第4张图片


3.3 配置node.js.exe 路径

搭建Node.js开发IDE环境WebStrom5 多图_第5张图片


确定路径没错后,点击升级webstorm的支持node.js的插件

3.4 添加代码到工程

搭建Node.js开发IDE环境WebStrom5 多图_第6张图片


搭建Node.js开发IDE环境WebStrom5 多图_第7张图片

代码里面填写

console.log('hello world');


3.5 正式生成一个node.js项目

搭建Node.js开发IDE环境WebStrom5 多图_第8张图片

3.6 配置编译环境

搭建Node.js开发IDE环境WebStrom5 多图_第9张图片


搭建Node.js开发IDE环境WebStrom5 多图_第10张图片


搭建Node.js开发IDE环境WebStrom5 多图_第11张图片


3.7 运行node.js工程

搭建Node.js开发IDE环境WebStrom5 多图_第12张图片

点击箭头执行。


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