我要评论背景
有没有觉得在微信开发工具里面添加一些插件可以很方便。因为微信ide的编辑本身是依赖vscode开发，所以编写vscode插件自然可以在微信ide使用。这样做好处就是可以满足到自己一些开发使用习惯。
1.获取插件的目录位置
那么如何获取插件里面的目录，并且打开它。代码似乎不复杂，只不过在找资料的时候，发现找了很久才知道这个方法context.extensionpath。
我们目的是拿到这个目录，并且实现打开它。首先需要知道对应文件夹的位置。利用上下文获取。看如下代码
async function openfile(context){
const fileuri = vscode.uri.file(path.join(context.extensionpath, 'code.md'));
const doc1 = await vscode.workspace.opentextdocument(fileuri );
await vscode.window.showtextdocument( doc1, vscode.viewcolumn.two,true);
}
通过这个方式组装获取对应插件扩展位置context.extensionpath。在activate 激活后，传递了context 就可以通过它拿到对应位置了。
const vscode = require('vscode');
const path = require('path');
function activate(context) {
let disposable = vscode.commands.registercommand('extension.opendfile', function () {
openfile(context);//传递上下文
});
context.subscriptions.push(disposable);
}
拿到插件文件夹目录，组装一个uri对象提供文档方法opentextdocument打开。最后展示对应ide里面。
const fileuri = vscode.uri.file(path.join(context.extensionpath, 'code.md'));
这个小小的功能，可以可以满足到一些日常小抄的代码片段的过程。只要满足日常使用，在编码过程就可以随时打开对应笔记使用。并且记录下，形成沉淀了。
2 ide右键打开一个网页
上述方法很容易。同理我们如果打开一个网页，那样如何弄？
async function openfile(context){
const panel = vscode.window.createwebviewpanel(
'test',
'test code',
vscode.viewcolumn.one,
);
const fileuri = vscode.uri.file(path.join(context.extensionpath, 'index.html'));
const doc1 = await vscode.workspace.opentextdocument(fileuri );
panel.webview.html = doc1.gettext();//读取对应html文件
}
用这个方法，微信ide上就可以打开对应插件index.html 网页了。里面网页可以作为ide 一部分使用。
利用上述功能在微信ide就可以愉快玩耍了。添加一些小插件帮助我们编码了。
发表评论