博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Eclipse下Nodejs项目配置步骤
阅读量:4214 次
发布时间:2019-05-26

本文共 1758 字,大约阅读时间需要 5 分钟。

说明:本人OS为64位windows7 

Eclipse开发环境搭建前提条件:1)已安装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的空白处打空格,然后保存,可以看到自动生效的信息如下图:说明已自动生效。

 

你可能感兴趣的文章
Mybatis 源码学习(六) Transaction事务模块
查看>>
Mybatis 源码学习(七) 缓存的刷新
查看>>
Mybatis 配置报错:元素类型为 "configuration" 的内容必须匹配 "(properties?,settings?,typeAliases?,typeHandlers?.....
查看>>
学习springcloud 配置 spring.cloud.config.uri 无效
查看>>
springcloud 配置一个服务B请求一个在注册中心注册的服务A
查看>>
在centOS7 安装 zookeeper3.4.10
查看>>
HTTPS 建立连接的详细过程
查看>>
非对称加密
查看>>
Spring中WebApplicationInitializer的理解
查看>>
Java的SPI机制浅析与简单示例
查看>>
聊聊分布式事务,再说说解决方案
查看>>
JDK8的新特性——Lambda表达式
查看>>
java.lang.OutOfMemoryError: Java heap space 内存溢出问题排查
查看>>
linux 网络对时
查看>>
maven 下载 工程依赖的所有jar包到本地
查看>>
Intellij IDEA 自动生成 serialVersionUID
查看>>
Intellij 中执行maven 命令 assembly
查看>>
maven构件搜索网站
查看>>
Intellij 如果让Maven projects 中显示maven plugins
查看>>
IntelliJ 代码规范检查设置
查看>>