Theia学习笔记（三）

Theia学习笔记（三）

刚刚实现了一个hello world 的extension，现在要操作一下plugin。

官方文档里介绍了plugin的一些好处，基本就是，封装性好，运行快，简单易用之类的。

这里我们直接上手操作：

#	全局安装Theia plugin生成器
$ npm install -g yo @theia/generator-plugin

#	同样，如果执行遇到访问受限加sudo

然后创建一个新路径：

$ mkdir theia-hello-world-plugin
$ cd theia-hello-world-plugin

命令调用yeoman生成器来创建Theia插件生成器的模板：

$ yo @theia/plugin

之后会进入生成器的运行状态，展示一个符号图，然后询问一下配置属性

全部打回车，就是选择了默认值，然后自动生成了一些代码。

…

看一下代码的配置以及依赖

…

之后要在hosted 模式下运行这个插件，官方文档上说按F1打开命令板找 Hosted mode: start instance 命令

我一开始一直找不到，F1打得开命令板但是就是没有这个命令，VScode里面没有，Theia启动起来的编译器里面也没有。

…

国内没大有相关的文章，学长忘记怎么操作了，于是只好谷歌一下

…

发现有个大兄弟遇到和我一样的问题，下面一些大佬评论说在package里面加个插件:

但是我去试了一下，依然不行，就是在package.json里面加了：

"devDependencies": {
    "@theia/cli": "next",
    "@theia/plugin-dev": "next",
    "@theia/plugin-ext": "next"
  }

并且用yarn安装了依赖，但是打开webide本地之后依然没有这个命令，好气哦

P.S. 而且这个模式的执行是这样的：你需要在另一个theia框架的web page ide下输入这个命令，然后启动你的目标插件，有时间安装一下theia blueprint，试试里面的命令ok不ok

不过！！

我有前人留下的宝贵材料,学长们之前做的webide是用theia框架做的，里面插件健全，然后我去试了一下，果然可以！！

之后就可以在新的ide里面操作hello world命令了