myeclipse安装nodejs插件

谁践踏了优雅 2022-07-17 03:19 295阅读 0赞

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/

2. 安装Express,supervisor安装

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

安装方式：打开cmd命令窗口，

指定版本：npm install -g express@3.5.0,执行完成之后运行express -V即可（个人觉得3.5版本初学还是好用学，4.X版本存在大不同，在未成熟之前还是建议用3.X版本）

===》要是出现webstrom新建express工程时出现express version unavailable的情况时：

这样做：npm config list查看对应的registry是什么，然后删除npm config delete registry即可，重启webstrom即可。（mark一下了,几次遇到这个问题了）

最新版本：输入  npm uninstall -g express 卸载express,输入npm install -g express ，接着 npm install -g express-generator =>express -V会输出版本号。

supervisor安装：

全局安装：npm install supervisor -gd,

安装在项目里：npm install supervisor

之后执行:npm info ok;==>supervisor -help

热部署:windows=>preferenc=>nodeeclipse=>

这里图片很大，看不清可以放大，或者拖到新标签里面打开

![002iepaigy6Nv2A72vxb3][]

确记不要对find node on path打钩，否则真的无法实现热部署（吃过亏了）

如果是用命令行的方法，就直接进入项目，supervisor app.js这样就可以实现啦啦啦啦。。。

run->run configurations  
![点击查看原始大小图片][c06dfc29-7abe-32b6-8b45-ce8134bb73ac.jpg]  
 默认debug 端口5858，然后重新run as（不是debug as）  
![点击查看原始大小图片][1b2c28c8-b699-3e56-bc3e-33f845d416e5.jpg]  
然后开启V8 虚拟机端口，上面入口时5858，这里也要保持一致。然后点击debug按钮。

debug configurations  
![node.js <wbr>eclipse插件安装][node.js_wbr_eclipse]

这时，eclipse里面会多出一个工程。  
![node.js <wbr>eclipse插件安装][node.js_wbr_eclipse 1]

3.新建Node工程。

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

![nodeclipse 配置][nodeclipse]

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

[![nodeclipse 配置][nodeclipse 1]][nodeclipse 1]

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

[![nodeclipse 配置][nodeclipse 2]][nodeclipse 2]

……

[![nodeclipse 配置][nodeclipse 3]][nodeclipse 3]

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

![nodeclipse 配置][nodeclipse 4]

4. 配置Eclipse的Nodeeclipse属性。

选择Windows》Preferences》Nodeeclipse，

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

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

[![nodeclipse 配置][nodeclipse 5]][nodeclipse 5]

5. 运行

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

[![nodeclipse 配置][nodeclipse 6]][nodeclipse 6]

6. 验证自动生效（因为本机是express 4.9版本，所以npmstart 启动项目，另端口在www下面配置）

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

[![nodeclipse 配置][nodeclipse 7]][nodeclipse 7]

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

关于版本不兼容及升级可采用npm update版本升级，不过时间比较长，另有一插件https://github.com/creationix/nvm可控件版本。

转载来至：[http://blog.sina.com.cn/s/blog\_7d44fc520102v7up.html][http_blog.sina.com.cn_s_blog_7d44fc520102v7up.html]

[002iepaigy6Nv2A72vxb3]: /images/20220717/f0b8229f81b54dd79ceb10a2f40cae94.png
[c06dfc29-7abe-32b6-8b45-ce8134bb73ac.jpg]: /images/20220717/6325626afc43451b8fd6c6056e13c818.png
[1b2c28c8-b699-3e56-bc3e-33f845d416e5.jpg]: /images/20220717/6840fc507f9d4315b6fbb3261a61a069.png
[node.js_wbr_eclipse]: /images/20220717/4a088ab5a51d49feb1a1cc062c5c6e87.png
[node.js_wbr_eclipse 1]: /images/20220717/62e78ab3547c4acabad7dd9378cd3217.png
[nodeclipse]: /images/20220717/ce3d8cae46564b318a81f20199514f7c.png
[nodeclipse 1]: /images/20220717/989d8a71dfca40d095e410202349ecbe.png
[nodeclipse 2]: /images/20220717/37b7f0d0d44642d88991a7c4b82d3ecf.png
[nodeclipse 3]: /images/20220717/9f8aaa55fefc40b3bb2c1be96ef91e5c.png
[nodeclipse 4]: /images/20220717/02457993928d4f01a493c7db4a78033e.png
[nodeclipse 5]: /images/20220717/cd21ca56951b4476a02e94799c6bbc04.png
[nodeclipse 6]: /images/20220717/9194209bc46744429eb1ca9cfb2dce89.png
[nodeclipse 7]: /images/20220717/dde89250ab0d40f3b21094601e56435a.png
[http_blog.sina.com.cn_s_blog_7d44fc520102v7up.html]: http://blog.sina.com.cn/s/blog_7d44fc520102v7up.html