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 相关文章推荐
JS 的应用开发初探(mootools)
Dec 19 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
Dec 14 Javascript
基于Jquery的跨域传输数据(JSONP)
Mar 10 Javascript
javascript学习笔记(七) js函数介绍
Jun 19 Javascript
js 判断一个元素是否在页面中存在
Dec 27 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
Mar 04 Javascript
JS验证邮件地址格式方法小结
Dec 01 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
Jun 02 Javascript
微信小程序 出现错误:{"baseresponse":{"errcode":-80002,"errmsg":""}}解决办法
Feb 23 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
Aug 20 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
Apr 23 Javascript
Vue 实例事件简单示例
Sep 19 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
整合了前面的PHP数据库连接类~~做成一个分页类!
2006/11/25 PHP
php数据访问之增删改查操作
2016/05/09 PHP
PHP的反射机制实例详解
2017/03/29 PHP
Javascript delete 引用类型对象
2013/11/01 Javascript
javascript的解析执行顺序在各个浏览器中的不同
2014/03/17 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
Juery解决tablesorter中文排序和字符范围的方法
2015/05/06 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
2015/09/05 Javascript
JS实现鼠标移上去显示图片或微信二维码
2016/12/14 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
2017/05/10 Javascript
React + webpack 环境配置的方法步骤
2017/09/07 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
vue 实现在函数中触发路由跳转的示例
2018/09/01 Javascript
详解Vue内部怎样处理props选项的多种写法
2018/11/06 Javascript
Angular请求防抖处理第一次请求失效问题
2019/05/17 Javascript
vuex state中的数组变化监听实例
2019/11/06 Javascript
vue中英文切换实例代码
2020/01/21 Javascript
JavaScript实现tab栏切换效果
2020/03/16 Javascript
python处理cookie详解
2014/02/07 Python
简单介绍Python中的floor()方法
2015/05/15 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
Python基础教程之利用期物处理并发
2018/03/29 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
pandas 实现字典转换成DataFrame的方法
2018/07/04 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
美国开幕式潮店:Opening Ceremony
2018/02/10 全球购物
MATCHESFASHION.COM美国官网:英国奢侈品零售商
2018/10/29 全球购物
英国女性时尚品牌:Apricot
2018/12/04 全球购物
领先的英国注册在线药房 :Simply Meds Online
2019/03/28 全球购物
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
优秀毕业生求职推荐信范文
2013/11/21 职场文书
事业单位聘任报告
2015/03/02 职场文书
go select编译期的优化处理逻辑使用场景分析
2021/06/28 Golang
使用HttpSessionListener监听器实战
2022/03/17 Java/Android