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 ajax post提交数据乱码
Nov 05 Javascript
javascript框架设计读书笔记之数组的扩展与修复
Dec 02 Javascript
浅谈javascript中的instanceof和typeof
Feb 27 Javascript
浅谈Sticky组件的改进实现
Mar 22 Javascript
VUEJS实战之修复错误并且美化时间(2)
Jun 13 Javascript
JavaScript 是什么意思
Sep 22 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
Mar 08 Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 jQuery
基于vue中解决v-for使用报红并出现警告的问题
Mar 03 Javascript
微信小程序日期选择器实例代码
Jul 18 Javascript
微信小程序 行的删除和增加操作实现详解
Sep 29 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 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
UTF8编码内的繁简转换的PHP类
2009/07/09 PHP
PHP error_log()将错误信息写入一个文件(定义和用法)
2013/10/25 PHP
php基于Snoopy解析网页html的方法
2015/07/09 PHP
PHP学习记录之数组函数
2018/06/01 PHP
jquery中输入验证中一个不错的效果
2010/08/21 Javascript
jquery ajax中使用jsonp的限制解决方法
2013/11/22 Javascript
给应用部分的js代码设定一个统一的入口
2014/06/15 Javascript
angularJS 中$attrs方法使用指南
2015/02/09 Javascript
javascript显式类型转换实例分析
2015/04/25 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
jQuery插件echarts去掉垂直网格线用法示例
2017/03/03 Javascript
AngularJS 支付倒计时功能实现思路
2017/06/05 Javascript
JS中判断字符串存在和非空的方法
2018/09/12 Javascript
VUEX-action可以修改state吗
2019/11/19 Javascript
vue 使用外部JS与调用原生API操作示例
2019/12/02 Javascript
如何正确解决VuePress本地访问出现资源报错404的问题
2020/12/03 Vue.js
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
[01:19:34]2014 DOTA2国际邀请赛中国区预选赛 New Element VS Dream time
2014/05/22 DOTA
python 的列表遍历删除实现代码
2020/04/12 Python
django orm 通过related_name反向查询的方法
2018/12/15 Python
python 获取sqlite3数据库的表名和表字段名的实例
2019/07/17 Python
python SVM 线性分类模型的实现
2019/07/19 Python
简单了解python 邮件模块的使用方法
2019/07/24 Python
详解python破解zip文件密码的方法
2020/01/13 Python
Python 测试框架unittest和pytest的优劣
2020/09/26 Python
HTML5 Canvas入门学习教程
2016/03/17 HTML / CSS
设计师珠宝:Ylang 23
2018/05/11 全球购物
意大利灯具购物网站:Lampade.it
2018/10/18 全球购物
《红军不怕远征难》教学反思
2014/04/14 职场文书
机关干部四风问题自我剖析及整改措施
2014/10/26 职场文书
小学班主任个人总结
2015/03/03 职场文书
三下乡活动心得体会
2016/01/23 职场文书
2019年度开业庆典祝福语大全!
2019/07/05 职场文书
详解MySQL集群搭建
2021/05/26 MySQL
一文了解MYSQL三大范式和表约束
2022/04/03 MySQL