CloudIDE插件在手,按时下班不愁
摘要:带你通过插件机制将CloudIDE扩展出你想要的功能,在CloudIDE中看视频,玩游戏,聊天都可以通过我们的插件来轻松实现,让生产工具不再枯燥,开发工作多姿多彩。
距离华为云CloudIDE在3月份HDC推出已经过去大半年时间,运行在网页上的集成开发环境带来了全新的开发体验,作为一名开发者,在CloudIDE上工作了一段时间之后是不是就想给自己的工作环境加点不一样的功能?接下来的教程将带你通过插件机制将CloudIDE扩展出你想要的功能,在CloudIDE中看视频,玩游戏,聊天都可以通过我们的插件来轻松实现,让生产工具不再枯燥,开发工作多姿多彩。
如果你有好的创意也可以将它变成插件共享到插件市场,让其他开发者一起来体验,帮助你改进,接下来就让我们进入CloudIDE插件开发的实战中来。
一.创建第一个CloudIDE插件
华为云CloudIDE的插件开发可以完全在CloudIDE上进行,不需要本地安装任何软件,所以第一步我们可以先申请一个CloudIDE实例作为我们的开发环境(不想看文字的读者可以直接参考动图进行环境创建)。
通过https://ide.huaweicloud.com进入CloudIDE首页,点击"立即体验"进入控制台,作为开发环境的实例需要永久保存我们的插件代码和开发环境配置,点击"新建实例"来创建一个永久实例。
因为插件的开发需要使用Node.JS,所以我们的技术栈可以选择"All in One"或者"Node.JS",点击下一步,
在工程配置中我们选择不创建工程,CloudIDE目前支持在IDE实例中创建项目,不需要通过导入样例工程的方式来导入代码。点击确定便完成了一个CloudIDE实例的创建,创建成功后会自动启动并进入实例。
进入实例之后我们可以开始插件项目的创建,分为如下步骤:
- 1) 点击File->New Project,弹出新建项目页面。
- 2) 选择Plugin项目类型来创建插件项目。
- 3) 填写插件的相关信息,这边一一解释下每个选项的含义和作用
Type: 选择需要创建的插件类型。
⇨ Generic: 带有前后端的通用插件项目,前端可以支持html或者模板来编写,适合需要高度定制化界面的插件编写;
⇨ Backend: 项目本身不带有前端页面,需要使用CloudIDE已有的界面扩展点来实现前端。
Path:选择插件项目需要存放的路径。
Name:插件的名称,插件项目的目录与之同名。
Publisher:插件发布者,默认自动获取华为云账户名。
Author:插件作者,默认自动获取华为云账户名。
License:选择插件项目源码的License,选项默认支持MIT和BSD,可以自动生成LICENSE声明,如果自定义其他的LICENSE需要自行补充声明。
Version:插件的第一个版本号,建议使用0.0.1这种版本格式。
Description:插件的详细描述。
Engine: 渲染html需要使用的模板引擎。
Git-Init:是否将新建的项目初始化成一个git仓库。
- 4) 点击“Create”新建插件项目。
二.插件打包安装
插件项目可以通过执行npm run pack进行打包,目前有两种方式可以执行该命令
方式一:
1. 右键点击Explorer的NPM SCRIPTS中的pack命令。
2. 选择run,执行打包
3. 运行完成可以看到项目根目录出现打包出来的以'.cloudide'为结尾的插件安装包
方式二:
1. 点击Termianl->New Terminal新建一个termianl
2. 在命令行中输入'npm run pack',执行打包
3. 运行完成可以看到项目根目录出现打包出来的以'.cloudide'为结尾的插件安装包
三.测试插件效果
打包出来的插件安装包可以在直接在通过右键菜单进行安装,右键点击打包出的'.cloudide'插件包,选择'Install Plugin',插件安装完成之后将自动激活。
本文分享自华为云社区《实战CloudIDE插件开发-快速上手》,原文作者:克劳德爱第一。
点击关注,第一时间了解华为云新鲜技术~
CloudIDE插件在手,按时下班不愁相关推荐
- 常年不卷,按时下班,工作能力强,同事求助知无不言,不扯皮,不拉帮结派,这样的职场清流竟然被裁掉了!...
在职场上,你永远想不到什么样的员工会被优化,比如下面这位: 常年不卷,按时下班,工作很专业,同事问什么都回答,不扯皮,不拉帮结派,简直是职场清流.在上个月竟然被优化了,官方说法是去年全年绩效拿B. 一 ...
- parallels desktop网络初始化失败_秘籍在手,训练不愁!特斯拉AI负责人Karpathy的超全神经网络训练套路...
大数据文摘出品 编译:周素云.宋欣仪.熊琰.ZoeY.顾晨波 训练神经网络到底有诀窍和套路吗? Andrej Karpathy认为,还的确有. 这位特斯拉的人工智能研究负责人.李飞飞的斯坦福高徒刚刚难 ...
- 盘点:计算机专业含金量最高的证书!只需一种证书在手,从此不愁
第一种证书:计算机技术与软件专业资格考试证书 [计算机技术与软件专业资格考试证书]是由国家人力资源和社会保障部.工业和信息化部领导的国家级考试,该考试分为 5 个专业类别,并分设了高.中.初级专业资格 ...
- 免费的Excel插件,太强大了,这下可以按时下班了
自"不坑盒子"word插件发布发来,公众号.抖音下的评论,有很多小伙伴求Excel插件. 但由于我平时对Excel的使用其实并不多,日常也就统计一下成绩.统计一些名单表格. 用不上 ...
- 关于bxslider插件在手机上滚动的问题
发现并没有bxslider这个标签,是不是很少人用这个图片轮播插件?上个链接:bxslider 这个jquery图片轮播插件个人一直沿用至今,不仅支持PC端对移动端也不错.用起来也方便: .html ...
- 推荐几个在大厂996,却一心想要按时下班的公众号主和他们的工作(摸鱼)心得...
大家做程序员这一行的,都知道在互联网行业有的时候忙是真忙,闲也是真的闲,但是呢没活你也得给我加班...那除了咱们都知道滴对抗压榨的三大手段--带薪拉屎.带薪抽烟.带薪遛弯外呢(我没干过,别瞎猜),还有 ...
- 自从安上了“AI”,这些商务经理天天按时下班了
摘要:能不能用AI来提升合同管理的效率呢?华为公司用自己的AI实践提交了一份教科书级别的答卷. 对于企业的商务精英而言,什么事情令他们既"煎熬"又"开心",既& ...
- 中怎么提取时间中的月份_怎么提取图片中的文字?花上1分钟学会,轻松提取,按时下班...
相信大家都有碰到过需要将图片中的文字,单独提取出来的的经历. 很多人碰到这种情况,第一时间想到的就是手打,这样可太浪费时间了,手机和电脑都可以快速提取文字,何必手打呢?感兴趣的一起往下看吧~ 一.手机 ...
- 【“互联网+”大赛华为云赛道】CloudIDE命题攻略:明确业务场景,快速开发插件
摘要:基于华为云CloudIDE和插件开发框架自行设计并开发插件. IDE是每个开发人员必备的生产工具,一款好的IDE + 插件的组合,除了帮助开发者把编写代码.组织项目.编译运行放在一个环境中外,还 ...
最新文章
- 安装完python需要再安装编辑器-Python Vim编辑器安装后的的设置
- IDA Pro的patch插件 KeyPatch
- ACM MM 2020视频目标检测挑战赛冠军DeepBlueAI团队技术分享
- Java枚举的定义,使用
- h5页面保存img_如何设计H5编辑器中的模版库并实现自动生成封面图
- java开辟_仿照百度文库_FlexPaper
- 捷联惯导系统学习3.3(引力位函数)
- 《手机音频》参数与选择
- 爱忘事、不自律,有了这5款时间管理工具,堪比“罗志祥”!
- 手把手教你写一个微信小程序(前端+Java后端)
- Python语言程序设计基础-题库
- NDB Cluster基本操作
- 搭建一套直播平台需要多少钱
- 一个矩阵与单位矩阵相乘等于本身吗?并且符合交换律吗?
- 完整电商项目--(八)商品订单模块(1):订单结算与 mysql事务
- 自然场景文字检测方案总结
- 1ms超快响应+144Hz极限刷新 这就是电竞游戏显示器该有的样子
- 说说Flink的连接器connector有哪些,怎么用?
- Eclipse - subclipse svn
- 阿里巴巴Android开发手册
热门文章
- Bootstrap 禁用的按钮
- 十.激光SLAM框架学习之LeGO-LOAM框架---算法原理和改进、项目工程代码
- sperling指标 matlab,sperling指标计算实验报告
- 3个表的连接需要 个关联条件。_购物篮分析(关联商品销售分析)
- 学习笔记 vs19 报错:E1696 C++ 无法打开 源 文件
- 定义mysql日志_请教:如何查看mysql数据定义操作的日志
- jdbc读取mysql时分秒yyyy-mm-dd hh:_[转]JDBC中日期时间的处理技巧
- delphi控件切图界面闪烁_DirectUI用户手册.pdf
- python找到文件夹下指定文件_python实现在目录中查找指定文件的方法
- java excel条件格式_Java 使用条件格式高亮Excel单元格