Eclipse下Nodejs项目配置步骤

Eclipse下Nodejs项目配置步骤

方式一:

Eclipse开发环境搭建前提条件:

1)Node.js已安装ok,环境变量已配置,可以使用node -v来校验是否安装和配置成功(打开cmd命令窗口,输入node -v,如果正确安装正确,则会输出安装的Node.js版本号);成功了以后,在命令窗口下执行命令: npm -v ,若Node.js安装成功的话,npm也是安装成功的,因为Node.js已经自带npm。

2)Eclipse已安装ok。

搭建步骤:

1. Eclipse插件:

              NodeJS的插件:http://www.nodeclipse.org/updates/

              VJET编辑提示插件:http://download.eclipse.org/vjet/updates-0.10

Google开发插件:http://chromedevtools.googlecode.com/svn/update/dev/

采用Eclipse插件的通用安装方式即可(Eclipse》Help》install new software)

2. 安装supervisor

因为 Node.js 只有在第一次引用到某部份时才会去解析脚本文件,以后都会直接访问内存,避免重复载入,这种设计虽然有利于提高性能,却不利于开发调试,因为我们在开发过程中总是希望修改后立即看到效果,而不是每次都要终止进程并重启。 supervisor 可以帮助你实现这个功能,它会监视你对代码的改动,并自动重启 Node.js 。

安装方式:打开cmd命令窗口,输入npm install -g supervisor即可。

运行方式:supervisor XX.js。如下:

E:\tech\nodejs\microblog>supervisorapp.js

DEBUG: Runningnode-supervisor with               DEBUG:   program ‘app.js‘               DEBUG:   --watch ‘.‘               DEBUG:   --ignore ‘undefined‘               DEBUG:   --extensions ‘node|js‘               DEBUG:   --exec ‘node‘
              DEBUG: Starting child process with ‘node app.js‘               DEBUG: Watching directory ‘E:\tech\nodejs\microblog‘ for changes.

HTTP server islistening at port 3000.

3. 安装Express

Express是目前最稳定、使用最广泛,而且是Node.js官 方推荐的唯一一个 Web 开发框架。

安装方式:打开cmd命令窗口,输入npm  install  -g  express 即可。

校验是否安装成功命令:express –V,会输出版本号。

4. 新建Node工程。

1) New》Node Project,命名为helloworld。

 

2) 打开 cmd 切换到helloworld 目录的上级目录,输入 express -e ejs helloworld(注意 express 3.* 中安装 ejs 不再是 -t 而是 -e)。

3) 切换到helloworld目录下,输入npm install 安装所需模块,

……

4)   刷新Eclipse中的工程,看到效果如下图所示:

 

5. 配置Eclipse的Nodeeclipse属性。

选择Windows》Preferences》Nodeeclipse,

NodePath:选择supervisor的路径,默认在npm下,注意,此处一定要选择supervisor的路径,如果选择Node.exe的路径,则修改代码后不会自动生效。

ExpressPath:选择Express的路径,默认在npm下。

6. 运行

选择启动的js,Run as》Node Application即可

 

7.   验证自动生效

在浏览器中输入http://localhost:3000,显示如下图。

在app.js的空白处打空格,然后保存,可以看到自动生效的信息如下图:说明已自动生效。

方式二:直接下载nodeJs专用eclipse(推荐)

Eclipse下Nodejs项目配置步骤

时间: 2024-12-15 01:35:00

Eclipse下Nodejs项目配置步骤的相关文章

Spring学习随笔(2):Eclipse下Spring环境配置+入门项目

1 准备工作 (按需下载) Eclipse 下载:http://www.eclipse.org/downloads/eclipse-packages/ : Spring 下载:http://repo.spring.io/libs-release-local/org/springframework/spring/  版本自选: Spring aop另需的3个包:http://download.csdn.net/download/lk_lxn/6397895 2 Spring IDE help->E

eclipse下修改项目名导致tomcat内发布名不一致的解决方法

这几天做了一个项目,后来因为一点原因需要修改Javaweb项目的名称,点击项目的名称->右键Refactor->Rename...  输入要修改的项目名称,保存后,部署到tomcat,突然发现eclipse下修改项目名导致tomcat内发布名不一致了 ,郁闷了,开始在网上找到解决办法,我是看 http://blog.chinaunix.net/uid-25820084-id-3531608.html 这个网站的kimutaku001的ChinaUnix博客位朋友的博客,解决了这个问题,我吧他说

Eclipse下安装及配置maven项目管理工具

①eclipse下maven插件安装. 本地maven安装.环境变量配置完成后,打开eclipse,点击eclipse菜单栏Help->Eclipse Marketplace搜索关键字maven,找到插件Maven Integration for Eclipse 并点击安装即可.安装完成后需要重启eclipse. ②eclipse下maven插件配置. 1.依次执行Window -> Preferences -> Maven -> Installation -> Add 进行

转!!!解释Eclipse下Tomcat项目部署路径问题(.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps)

1.配置eclipse的开发环境,配置jdk的安装路径和tomcat安装路径. 2.在eclipse下建立Dynamic Web Project工程zhgy,在使用eclipse中new一个tomcat,通过启动该tomcat来发布Dynamic Web Project的时候,其实并未将工程发布到tomcat 安装目录所在的 webapps下.这点可以去上述的tomcat 安装目录 的webapps目录下查看.从启动时候的控制台输出来看项目是被发布到了如下的目录: 信息: Set web app

解释Eclipse下Tomcat项目部署路径问题(.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps)

配置eclipse的开发环境,配置jdk的安装路径和tomcat安装路径.在eclipse下建立Dynamic Web Project工程zhgy,在使用eclipse中new一个tomcat,通过启动该tomcat来发布Dynamic Web Project的时候,其实并未将工程发布到tomcat 安装目录所在的 webapps下.这点可以去上述的tomcat 安装目录 的webapps目录下查看.从启动时候的控制台输出来看项目是被发布到了如下的目录: 信息: Set web app root

Eclipse集成Tomcat的配置步骤实例

使用Eclipse开发B/S结构Web应用时,必须使用Web应用服务器,常见的应用服务器有Tomcat, Jboss, WebLogic, WebSphere, SUN System Application Server等. 这次需要在Eclipse开发工具中进行struts2的测试,才刚发现自己机器上的Eclipse没有集成Tomcat,自己到tomcatforEclipse的插件的网上直接下载了一个,按照提供的说明一下子就配成了.看看我的配置步骤吧. 1.Eclipse的安装.这个是从Ecl

Eclipse下SSM项目的搭建

本文示例在如下环境下搭建一个Maven+Druid+SSM+PageHelper以及Mybatis Generator反向生成代码的项目 一.开发环境: 系统:Windows7-旗舰版 工具:Eclipse MARS,Navicat Premium 12 JDK:1.8.0_121 Tomcat:8.0.43 MySQL :5.6.5-m8 二.搭建流程: 一.环境准备 1.1 配置JDK 在window-->Preferences下搜索Java,选择本地对应的JDK安装目录,点击添加完成: 配

解决eclipse下android项目不能自动生成R.java文件

通常情况下R.java文件是项目建立时自动生成的.但是,大家在eclipse下做开发的时候偶尔会遇到R.java文件不能自动生成.现在就来解决这个问题. 1.eclipse ADT插件的版本与android SDK版本不对应 一般问题就出现在这儿,这样的情况只要把ADT插件和SDK都更新到最新,重启eclipse一切就OK了. 红框那儿要全部install到最新. 2.eclipse自己出问题(和你闹别扭,哈哈) 这样的你就clean一下你的项目,或者使用android工具fix下.R.java

Linux环境下Redis安装配置步骤[转]

在LInux下安装Redis的步骤如下: 1.首先下载一个Redis安装包,官网下载地址为:https://redis.io/ 2.在Linux下解压redis: tar -zxvf redis-2.8.22.tar.gz 3.解压完成之后,进入到解压的目录里面“”redis-2.8.22”,命令为 cd redis-2.8.22 4.执行 make 命令,如果出现“/bin/sh: cc: command not found ”之类的错误,是因为系统本身没有安装gcc环境.此刻呢我们可以用yu