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 相关文章推荐
Javascript 更新 JavaScript 数组的 uniq 方法
Jan 23 Javascript
javascript 表单规则集合对象
Jul 21 Javascript
javascript操作cookie的文章(设置,删除cookies)
Apr 01 Javascript
jquery中EasyUI使用技巧小结
Feb 10 Javascript
JS+CSS实现DIV层的展开、收缩效果
Jan 28 Javascript
微信小程序之前台循环数据绑定
Aug 18 Javascript
javascript将url解析为json格式的两种方法
Aug 18 Javascript
node简单实现一个更改头像功能的示例
Dec 29 Javascript
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
jQuery创建及操作xml格式数据示例
May 26 jQuery
JS实现的tab页切换效果完整示例
Dec 18 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
Nov 09 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开发中四种查询返回结果分析
2011/01/02 PHP
php数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
php标签云的实现代码
2012/10/10 PHP
php比较两个绝对时间的大小
2014/01/31 PHP
优化JavaScript脚本的性能的几个注意事项
2006/12/22 Javascript
javascript 事件绑定问题
2011/01/01 Javascript
JS 添加网页桌面快捷方式的代码详细整理
2012/12/27 Javascript
JS刷新框架外页面七种实现代码
2013/02/18 Javascript
js使用栈来实现10进制转8进制与取除数及余数
2014/06/11 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
Javascript数组Array方法解读
2016/03/13 Javascript
详解javascript跨浏览器事件处理程序
2016/03/27 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
2017/02/22 Javascript
轻松实现jQuery添加删除按钮Click事件
2017/03/13 Javascript
angular.js+node.js实现下载图片处理详解
2017/03/31 Javascript
vue 通过下拉框组件学习vue中的父子通讯
2017/12/19 Javascript
详解Vue webapp项目通过HBulider打包原生APP
2018/06/29 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
Nodejs调用Dll模块的方法
2018/09/17 NodeJs
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
vue实现element表格里表头信息提示功能(推荐)
2019/11/20 Javascript
使用JavaScript通过前端发送电子邮件
2020/05/22 Javascript
python批量修改文件后缀示例代码分享
2013/12/24 Python
Python使用正则表达式实现文本替换的方法
2017/04/18 Python
Python编程实现线性回归和批量梯度下降法代码实例
2018/01/04 Python
Python3.遍历某文件夹提取特定文件名的实例
2018/04/26 Python
用python处理图片之打开\显示\保存图像的方法
2018/05/04 Python
python 保存float类型的小数的位数方法
2018/10/17 Python
对Python 除法负数取商的取整方式详解
2018/12/12 Python
pyqt5 实现工具栏文字图片同时显示
2019/06/13 Python
Python中实现输入超时及如何通过变量获取变量名
2020/01/18 Python
浅析Python 抽象工厂模式的优缺点
2020/07/13 Python
中学教师培训制度
2014/01/31 职场文书
安全保证书怎么写
2015/02/28 职场文书
Python连接Postgres/Mysql/Mongo数据库基本操作大全
2021/06/29 Python
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis