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 相关文章推荐
Div自动滚动到末尾的代码
Oct 26 Javascript
jquery日历控件实现方法分享
Mar 07 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
Aug 02 Javascript
JS实现验证码倒计时的注册页面
Jan 02 Javascript
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
如何使用less实现随机下雪动画详解
Jan 02 Javascript
vue router导航守卫(router.beforeEach())的使用详解
Apr 19 Javascript
微信小程序收货地址API兼容低版本解决方法
May 18 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
Sep 16 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
Aug 06 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
Aug 20 Javascript
Node.js中的异步生成器与异步迭代详解
Jan 31 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连接mysql是否成功的代码分享
2014/01/24 PHP
PHP实现手机号码中间四位用星号(*)隐藏的自定义函数分享
2014/09/27 PHP
php 魔术方法详解
2014/11/11 PHP
PHP程序员必须清楚的问题汇总
2014/12/18 PHP
php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)
2016/05/09 PHP
PHP使用星号隐藏用户名,手机和邮箱的实现方法
2016/09/22 PHP
Laravel学习教程之IOC容器的介绍与用例
2017/08/15 PHP
一文看懂PHP进程管理器php-fpm
2020/06/01 PHP
javascript 有趣而诡异的数组
2009/04/06 Javascript
学习ExtJS form布局
2009/10/08 Javascript
js 函数的执行环境和作用域链的深入解析
2009/11/01 Javascript
基于jquery的拖动布局插件
2011/11/25 Javascript
jQuery插件开发全解析
2012/10/10 Javascript
javascript对下拉列表框(select)的操作实例讲解
2013/11/29 Javascript
Javascript中引用示例介绍
2014/02/21 Javascript
jquery动态添加元素事件失效问题解决方法
2014/05/23 Javascript
jQuery中:contains选择器用法实例
2014/12/30 Javascript
javascript中AJAX用法实例分析
2015/01/30 Javascript
Jquery遍历Json数据的方法
2015/04/20 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
2015/08/19 Javascript
开启BootStrap学习之旅
2016/05/04 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
解决Angular4项目部署到服务器上刷新404的问题
2018/08/31 Javascript
python提取xml里面的链接源码详解
2019/10/15 Python
python实现猜拳游戏
2020/03/04 Python
使用opencv中匹配点对的坐标提取方式
2020/06/04 Python
python相对企业语言优势在哪
2020/06/12 Python
Python批量获取并保存手机号归属地和运营商的示例
2020/10/09 Python
详解HTML5通讯录获取指定多个人的信息
2016/12/20 HTML / CSS
函授自我鉴定
2013/11/06 职场文书
药学专业大专生的自我评价
2013/12/12 职场文书
面试自我介绍演讲稿
2014/04/29 职场文书
2014最新实习证明模板
2014/10/02 职场文书
公共场所卫生管理制度
2015/08/05 职场文书
python使用opencv对图像添加噪声(高斯/椒盐/泊松/斑点)
2022/04/06 Python