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中各浏览器中鼠标按键值的差异
Apr 07 Javascript
jQuery固定浮动侧边栏实现思路及代码
Sep 28 Javascript
一个不错的js html页面倒计时可精确到秒
Oct 22 Javascript
js实现文章文字大小字号功能完整实例
Nov 01 Javascript
js实现简单排列组合的方法
Jan 27 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
Feb 17 Javascript
基于jQuery日历插件制作日历
Mar 11 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
Jun 30 Javascript
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
JS实现图片点击后出现模态框效果
May 03 Javascript
详解React 在服务端渲染的实现
Nov 16 Javascript
解决angularjs WdatePicker ng-model的问题
Sep 13 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
SONY ICF-SW55的电路分析
2021/03/02 无线电
PHP MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
支持中文字母数字、自定义字体php验证码代码
2012/02/27 PHP
浅析PHP文件下载原理
2014/12/25 PHP
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
js onclick事件传参讲解
2013/11/06 Javascript
jQuery实现跟随鼠标运动图层效果的方法
2015/02/02 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
跟我学习javascript的循环
2015/11/18 Javascript
JSON简介以及用法汇总
2016/02/21 Javascript
js 作用域和变量详解
2017/02/16 Javascript
knockoutjs模板实现树形结构列表
2017/07/31 Javascript
vue组件实现文字居中对齐的方法
2017/08/23 Javascript
mui框架 页面无法滚动的解决方法(推荐)
2018/01/25 Javascript
create-react-app构建项目慢的解决方法
2018/03/14 Javascript
JS实现给数组对象排序的方法分析
2019/06/24 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
2020/10/09 jQuery
[14:25]教你分分钟做大人:主宰(HEROS)
2014/12/08 DOTA
[01:53]2016完美“圣”典风云人物:Maybe专访
2016/12/05 DOTA
[00:09]DOTA2全国高校联赛 精彩活动引爆全场
2018/05/30 DOTA
[36:45]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python中ConfigParse模块的用法
2014/09/29 Python
python查询sqlite数据表的方法
2015/05/08 Python
详解在Python程序中自定义异常的方法
2015/10/16 Python
python爬虫之百度API调用方法
2017/06/11 Python
Python3.4学习笔记之列表、数组操作示例
2019/03/01 Python
python双端队列原理、实现与使用方法分析
2019/11/27 Python
pytorch实现mnist数据集的图像可视化及保存
2020/01/14 Python
Python urllib.request对象案例解析
2020/05/11 Python
css3实现圆锥渐变conic-gradient效果
2020/02/12 HTML / CSS
化工实习心得体会
2014/09/09 职场文书
2014年依法行政工作总结
2014/11/19 职场文书
前台岗位职责
2015/02/13 职场文书
业务员岗位职责范本
2015/04/03 职场文书
Nginx缓存设置案例详解
2021/09/15 Servers
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python