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 EasyUI中对表格进行编辑的实现代码
Jun 10 Javascript
原生javascript实现简单的datagrid数据表格
Jan 02 Javascript
JQuery跳出each循环的方法
Apr 16 Javascript
深入探究使JavaScript动画流畅的一些方法
Jun 30 Javascript
JavaScript实现的多个图片广告交替显示效果代码
Sep 04 Javascript
javascript移动开发中touch触摸事件详解
Mar 18 Javascript
React创建组件的三种方式及其区别
Jan 12 Javascript
Js实现中国公民身份证号码有效性验证实例代码
May 03 Javascript
ECMAScript6变量的解构赋值实例详解
Sep 19 Javascript
js 取消页面可以选中文字的功能方法
Jan 02 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
JS实现简单贪吃蛇小游戏
Oct 28 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
全国FM电台频率大全 - 25 云南省
2020/03/11 无线电
PHP编程计算日期间隔天数的方法
2017/04/26 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
PHP新特性之字节码缓存和内置服务器
2017/08/11 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
php基于协程实现异步的方法分析
2019/07/17 PHP
贴一个在Mozilla中常用的Javascript代码
2007/01/09 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
2013/08/02 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
Vuex之理解Mutations的用法实例
2017/04/19 Javascript
weebox弹出窗口不居中显示的解决方法
2017/11/27 Javascript
vue实现tab切换外加样式切换方法
2018/03/16 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
2019/02/01 Javascript
微信小程序实现工作时间段选择
2019/02/15 Javascript
Vue项目history模式下微信分享爬坑总结
2019/03/29 Javascript
Windows下python3.6.4安装教程
2018/07/31 Python
程序员写Python时的5个坏习惯,你有几条?
2018/11/26 Python
Python数据类型之Number数字操作实例详解
2019/05/08 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
浅析python内置模块collections
2019/11/15 Python
Python 炫技操作之合并字典的七种方法
2020/04/10 Python
tensorflow从ckpt和从.pb文件读取变量的值方式
2020/05/26 Python
法国和欧洲海边和滑雪度假:Pierre & Vacances
2017/01/04 全球购物
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
精美的手工家居和生活用品:Nkuku
2019/11/01 全球购物
某/etc/fstab文件中的某行如下: /dev/had5 /mnt/dosdata msdos defaults,usrquota 1 2 请解释其含义
2013/09/18 面试题
药学专业大学生自荐信
2013/09/28 职场文书
学术会议欢迎词
2014/01/09 职场文书
军训口号
2014/06/13 职场文书
群教个人对照检查材料
2014/08/20 职场文书
中学生检讨书1000字
2014/10/28 职场文书
全国法制宣传日活动总结2014
2014/11/01 职场文书
2014年药剂科工作总结
2014/11/26 职场文书
2015社区精神文明建设工作总结
2015/04/21 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书