摘要:带你通过插件机制将CloudIDE扩大出你想要的性能,在CloudIDE中看视频,玩游戏,聊天都能够通过咱们的插件来轻松实现,让生产工具不再干燥,开发工作多姿多彩。

间隔华为云CloudIDE在3月份HDC推出曾经过来大半年工夫,运行在网页上的集成开发环境带来了全新的开发体验,作为一名开发者,在CloudIDE上工作了一段时间之后是不是就想给本人的工作环境加点不一样的性能?接下来的教程将带你通过插件机制将CloudIDE扩大出你想要的性能,在CloudIDE中看视频,玩游戏,聊天都能够通过咱们的插件来轻松实现,让生产工具不再干燥,开发工作多姿多彩。

如果你有好的创意也能够将它变成插件共享到插件市场,让其余开发者一起来体验,帮忙你改良,接下来就让咱们进入CloudIDE插件开发的实战中来。

一.创立第一个CloudIDE插件

华为云CloudIDE的插件开发能够齐全在CloudIDE上进行,不须要本地装置任何软件,所以第一步咱们能够先申请一个CloudIDE实例作为咱们的开发环境(_不想看文字的读者能够间接参考动图进行环境创立_)。

通过https://ide.huaweicloud.com进...,点击"立刻体验"进入控制台,作为开发环境的实例须要永恒保留咱们的插件代码和开发环境配置,点击"新建实例"来创立一个永恒实例。

因为插件的开发须要应用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插件开发-疾速上手》,原文作者:克劳德爱第一。

点击关注,第一工夫理解华为云陈腐技术~