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 input 数字验证代码
Jul 30 Javascript
javascript实现校验文件上传控件实例
Apr 20 Javascript
javascript学习笔记之函数定义
Jun 25 Javascript
JS实现的简洁二级导航菜单雏形效果
Oct 13 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 jQuery
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 Javascript
详解angular路由高亮之RouterLinkActive
Apr 28 Javascript
通过npm或yarn自动生成vue组件的方法示例
Feb 12 Javascript
Vue源码解析之数据响应系统的使用
Apr 24 Javascript
JavaScript实现随机点名器实例详解
May 07 Javascript
jqGrid表格底部汇总、合计行footerrow处理
Aug 21 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之sphinx
2013/05/15 PHP
一个基于phpQuery的php通用采集类分享
2014/04/09 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
PHP如何防止用户重复提交表单
2020/12/09 PHP
会自动逐行上升的文本框
2006/06/30 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
2013/05/07 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
php读取sqlite数据库入门实例代码
2014/06/25 Javascript
Javascript Memoizer浅析
2014/10/16 Javascript
jQuery中andSelf()方法用法实例
2015/01/08 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
2015/08/13 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
2015/08/27 Javascript
JS实现仿新浪黄色经典滑动门效果代码
2015/09/27 Javascript
跟我学习javascript的arguments对象
2015/11/16 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
2016/05/10 Javascript
js删除数组元素、清空数组的简单方法(必看)
2016/07/27 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
2016/11/30 Javascript
vue.js从安装到搭建过程详解
2017/03/17 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
使用JavaScript实现点击循环切换图片效果
2017/09/03 Javascript
使用html+js+css 实现页面轮播图效果(实例讲解)
2017/09/21 Javascript
jquery在启动页面时,自动加载数据的实例
2018/01/22 jQuery
Spring Boot/VUE中路由传递参数的实现代码
2018/03/02 Javascript
Python文本特征抽取与向量化算法学习
2017/12/22 Python
详解Python中的分组函数groupby和itertools)
2018/07/11 Python
利用python脚本如何简化jar操作命令
2019/02/24 Python
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
美国专业级皮肤病和spa品质护肤品的高级零售网站:SkinCareRx
2017/02/06 全球购物
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
Java工程师面试集锦之Spring框架
2013/06/16 面试题
《长城》教学反思
2014/02/14 职场文书
保护环境的标语
2014/06/09 职场文书
2014教师党员个人自我评议
2014/09/20 职场文书
2015年上半年计生工作总结
2015/03/30 职场文书
Apache压力测试工具的安装使用
2021/03/31 Servers