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中注册和移除事件的4种方式
Mar 20 Javascript
js截取中英文字符串、标点符号无乱码示例解读
Apr 17 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
AngularJS入门教程之ng-checked 指令详解
Aug 01 Javascript
JavaScript生成验证码并实现验证功能
Sep 24 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
Feb 23 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
Jun 13 Javascript
Vue.js学习笔记之常用模板语法详解
Jul 25 Javascript
搭建vue开发环境
Jul 19 Javascript
layui使用数据表格实现购物车功能
Jul 26 Javascript
js基础之事件捕获与冒泡原理
Oct 09 Javascript
Antd表格滚动 宽度自适应 不换行的实例
Oct 27 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
网页游戏开发入门教程三(简单程序应用)
2009/11/02 PHP
详解php的socket通信
2015/08/11 PHP
php 判断过去离现在几年的函数(实例代码)
2016/11/15 PHP
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
用jquery实现输入框获取焦点消失文字
2013/04/27 Javascript
css与javascript跨浏览器兼容性总结
2014/09/15 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
javascript中Date()函数在各浏览器中的显示效果
2015/06/18 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
详解Angular的数据显示优化处理
2016/12/26 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
Javascript创建类和对象详解
2017/05/31 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
layui 设置table 行的高度方法
2018/08/17 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
Vue动态加载异步组件的方法
2018/11/21 Javascript
关于layui flow loading占位图的实现方法
2019/09/21 Javascript
ES2020 新特性(种草)
2020/01/12 Javascript
[01:54]TI珍贵瞬间系列(五):压力
2020/08/29 DOTA
Python实现的双色球生成功能示例
2017/12/18 Python
Python实现带参数的用户验证功能装饰器示例
2018/12/14 Python
python读取.mat文件的数据及实例代码
2019/07/12 Python
用openCV和Python 实现图片对比,并标识出不同点的方式
2019/12/19 Python
Python编写单元测试代码实例
2020/09/10 Python
html5小技巧之通过document.head获取head元素
2014/06/04 HTML / CSS
宝拉珍选澳大利亚官方购物网站:Paula’s Choice澳大利亚
2016/09/13 全球购物
英国户外装备和冒险服装零售商:alloutdoor
2018/01/30 全球购物
校班主任推荐信范文
2013/12/03 职场文书
门卫班长岗位职责
2013/12/15 职场文书
会计专业个人自我鉴定
2014/03/21 职场文书
围城读书笔记
2015/06/26 职场文书
公司档案管理制度
2015/08/05 职场文书
高一作文之暖冬
2019/11/09 职场文书
MySQL索引是啥?不懂就问
2021/07/21 MySQL
spring注解 @PropertySource配置数据源全流程
2022/03/25 Java/Android