node.js插件nodeclipse安装图文教程


Posted in Javascript onOctober 19, 2020

在eclipse插件中,node.js插件中比较知名的是nodeclipse,本文为大家介绍了nodeclipse安装教程,供大家参考,具体内容如下

安装nodeclipse

1. 依次点击工具→插件安装→浏览eclipse插件市场→搜索node.js→在搜索结果里找nodeclipse如下图

node.js插件nodeclipse安装图文教程

2.点击上图中的install开始加载,加载完毕点下一步接受许可协议静待安装完成即可

3. 安装完毕后重启HBuilder

4. 新建node项目:依次点击菜单文件→新建→其他如下图

node.js插件nodeclipse安装图文教程

5.选择要新建的nodejs项目类型新建项目即可

6. 在js文件里提示node.js

node.js插件nodeclipse安装图文教程

注意:nodeclipse的编辑器和HBuilder的编辑器不同。但node.js和web的js均以.js为扩展名,打开js文件时需分清使用哪个js编辑器打开。
一般而言,由于nodeclipse是后安装的,所以.js文件默认以node的编辑器打开,在此编辑器中是不提示HBuilder的语法助手的。
要更换打开方式,在项目管理器里对js文件点右键-打开方式,选择自己想要的编辑器打开。
还可以在菜单里设置永久文件关联,你可以设置你最常使用的方式打开。推荐设置.js文件默认使用HBuilder的js编辑器打开后,然后在打开node.js的js文件时点右键选择nodeclipse编辑器打开。

安装JSDT
1. 依次点击工具→插件安装→手动安装eclipse插件,点击“可用软件站点”如下图

node.js插件nodeclipse安装图文教程

2. 勾选 indigo(注:勾选后,HBuilder启动时会检查indigo已安装的插件是否有升级,从而导致软件启动过慢或者启动后很长时间内比较卡,所以安装完jdt后请将此勾重新去掉)如下图

node.js插件nodeclipse安装图文教程

3. 点击确定后,点下拉箭头选择indigo的站点如下图,然后等待加载(此过程有点长,如有设置代理会加快加载速度)

node.js插件nodeclipse安装图文教程

4. 加载完毕后,找到programming languages如下图

node.js插件nodeclipse安装图文教程

5. 勾选programming languages下的JavaScript Development Tools如下图

node.js插件nodeclipse安装图文教程

6.点击下一步,接受许可协议并安装,安装完毕后重启即可。

以上就是本文的全部内容,希望对大家的学习有所帮助。

历史材料归档:
HBuilder6.3以下的版本安装nodeclipse插件的方法如下:
前言,nodeclipse是基于jsdt的,HBuilder没有内置jsdt,如果要安装nodeclipse,则先要安装jsdt插件。

Javascript 相关文章推荐
jquery实现奇偶行赋值不同css值
Feb 17 Javascript
Jquery UI震动效果实现原理及步骤
Feb 04 Javascript
实例分析javascript中的call()和apply()方法
Nov 28 Javascript
js实现的捐赠管理完整实例
Jan 20 Javascript
jQuery实现自动切换播放的经典滑动门效果
Sep 12 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
Dec 04 Javascript
浅谈react.js 之 批量添加与删除功能
Apr 17 Javascript
详解angularjs跨页面传参遇到的一些问题
Nov 01 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 Javascript
微信小程序实现录音功能
Nov 22 Javascript
iSlider手机端图片滑动切换插件使用详解
Dec 24 Javascript
基于脚手架创建Vue项目实现步骤详解
Aug 03 Javascript
javascript实现平滑无缝滚动
Aug 09 #Javascript
基于jquery实现即时检查格式是否正确的表单
May 06 #Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
May 05 #Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
May 05 #Javascript
jquery实现全选功能效果的实现代码
May 05 #Javascript
ichart.js绘制虚线、平均分虚线效果的实现代码
May 05 #Javascript
animate 实现滑动切换效果【实例代码】
May 05 #Javascript
You might like
windows xp下安装pear
2006/12/02 PHP
mysql总结之explain
2012/02/27 PHP
PHP安全的URL字符串base64编码和解码
2014/06/19 PHP
织梦sitemap地图实时推送给百度的教程
2015/08/03 PHP
php用户登录之cookie信息安全分析
2016/05/13 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
Prototype Object对象 学习
2009/07/12 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
2012/02/27 Javascript
javascript与jquery中跳出循环的区别总结
2013/11/04 Javascript
js中replace的用法总结
2013/12/27 Javascript
javascript实现倒计时N秒后网页自动跳转代码
2014/12/11 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
2015/06/15 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
javascript中活灵活现的Array对象详解
2016/11/30 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
2019/09/03 Javascript
Jquery Fade用法详解
2020/11/06 jQuery
对于Python的Django框架使用的一些实用建议
2015/04/03 Python
Python3使用requests包抓取并保存网页源码的方法
2016/03/15 Python
Python3中使用PyMongo的方法详解
2017/07/28 Python
python模块之time模块(实例讲解)
2017/09/13 Python
Python调用C# Com dll组件实战教程
2017/10/12 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
python读写csv文件方法详细总结
2019/07/05 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
Python读入mnist二进制图像文件并显示实例
2020/04/24 Python
如何学习Python time模块
2020/06/03 Python
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
德国大型箱包和皮具商店:Koffer
2019/10/01 全球购物
英文版餐饮业求职信
2013/10/18 职场文书
业务副厂长岗位职责
2014/01/03 职场文书
银行办公室岗位职责
2014/03/10 职场文书
学雷锋活动总结范文
2014/04/25 职场文书
关于梦想的演讲稿
2014/05/05 职场文书
2014年审计工作总结
2014/11/17 职场文书
大学生村官入党自传
2015/06/26 职场文书