微信IDE vscode插件:获取插件位置,并打开文件

背景

有没有觉得在微信开发工具里面添加一些插件可以很方便。因为微信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就可以愉快玩耍了。添加一些小插件帮助我们编码了。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/6838.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MongoDB:非关系型数据库的翘楚

MongoDB:非关系型数据库的翘楚 文章目录 MongoDB:非关系型数据库的翘楚一、引言二、MongoDB简介三、MongoDB的特点四、MongoDB的应用场景五、MongoDB的使用方法1.安装和配置1.下载MongoDB安装包2.解压安装包3.创建数据目录和日志文件4.配置环境变量5.启动…

运维各种中间件的手动安装(非常详细)

压缩文件夹 tar -zcvf newFolder.tar.gz oldFolder 把oldFolder文件夹压缩成newFolder.tar.gz解压文件夹 tar -zxvf 压缩文件名.tar.gzlinux安装jdk (参考 https://blog.csdn.net/qq_42269466/article/details/124079963 ) 1、创建目录存放jdk包 mkd…

【AI】openai-quickstart 运行Jupyter Lab

openai-quickstart/openai_api /README-CN.md 【AI】指定python3.10安装Jupyter Lab 可以安装3.10版本的jupyter lab 但是直接输入命令无法启动 突然发现自己电脑2023年安装过anaconda3 C:\ProgramData\anaconda3\python.exe C:\ProgramData\anaconda3\cwp.py C:\ProgramData…

css基础之显示模式、背景、三大特性

显示模式、背景 一、元素显示模式 1.块级元素 独占一行&#xff0c;例如div,p&#xff0c;hr,h1-h6,ul,ol,form,table 可以设置高度宽度&#xff0c;外边距&#xff0c;内边距 宽度默认容器宽度 里面可以放行内或块级元素 注意&#xff1a; 文字类元素不能使用块级元素 <…

Ajax的请求方式

1 get 1 $.get() //通过远程Http Get请求载入信息 $.get("请求地址",{id:1;name:"一一"},function(data) {//请求成功执行的代码写在这里 }) //或者直接拼接参数 $.get("请求地址?id"id"&name"name,function(data) {//请求成功…

[ARM系列]coresight(一)

原文链接 目的&#xff1a;对复杂SOC实现debug和trace的架构 典型环境 包含&#xff1a;2个ARM core&#xff0c;一个DSP&#xff0c;众多coresight组件 coresight组件实现对core、DSP的debug和trace功能 环境中包含3个通路 trace通路&#xff1a;将core和DSP内部信息输出到…

跨域问题(服务器和浏览器之间)待补充

一、为什么产生&#xff1a; 同源策略&#xff08;域名&#xff0c;协议&#xff0c;端口&#xff09;&#xff0c;安全问题 二、怎么解决&#xff1a; 1、cros:修改响应头 2、jp&#xff1a;采用js标签 3、代理&#xff08;创建服务器&#xff0c;定义规则&#xff0c;服…

JVM笔记3-经典的垃圾收集器

上图展示了7种&#xff0c;适用于不同分代中的收集器。如果两者之间由连线&#xff0c;说明可以搭配使用。 PS&#xff1a;在JDK8中将SerialCMS和ParNewSerial Old的组合声明为废弃&#xff0c;并且在JDK9中完全取消了这两种组合的支持。 1、Serial收集器 Serial收集器是JVM中…

C++:重写和重载

重写&#xff08;Override&#xff09;和重载&#xff08;Overload&#xff09;是面向对象编程中常用的两个概念&#xff0c;它们虽然都涉及到方法的定义&#xff0c;但是在实现和使用上有着不同的特点。 重写&#xff08;Override&#xff09;&#xff1a; 重写是指在子类中重…

js开启子线程及其使用

众所周知&#xff0c;js是单线程&#xff0c;但是可以开启子线程来帮忙处理一些数据&#xff0c;但是这个子线程是有限制的 1.必须是同源 2.完全受主线程控制 3.不能在子线程中操作dom节点 4.子线程没有window&#xff0c;可以使用self 5.等等 具体的查看官网 进程切换是要耗时…

如何在Gin框架中使用Websocket?

在Gin框架中使用Websocket&#xff0c;你需要使用一个第三方库&#xff0c;例如github.com/gorilla/websocket。以下是一个基本的示例&#xff0c;展示了如何在Gin中设置一个Websocket服务器&#xff1a; 首先&#xff0c;你需要安装gorilla/websocket包&#xff0c;你可以使用…

【备战软考(嵌入式系统设计师)】07 - 计算机网络模型

七层模型 计算机网络中比较常见的有OSI七层模型和TCP/IP四层模型。 软考中主要考七层模型&#xff0c;但是实际中使用的还是四层模型比较多&#xff0c;我们主要是为了考试&#xff0c;那就主要讲讲七层模型。不过实际上四层模型就是将七层模型压缩了三层&#xff0c;本质上是…

openssl相关命令

报错keytool error: java.lang.Exception: Input not an X.509 certificate 该报错表示需要 X.509 格式的证书,可以通过下面的命令转换 openssl x509 -in <原证书> -out <X.509证书> # 例如 openssl x509 -in test.crt -out test509.crt 参考: Error Importing…

深度学习中的注意力机制一(Pytorch 15)

一 简介 灵长类动物的视觉系统接受了大量的感官输入&#xff0c;这些感官输入远远超过了大脑能够完全处理的程度。然而&#xff0c; 并非所有刺激的影响都是相等的。意识的聚集和专注使灵长类动物能够在复杂的视觉环境中将注意力引向感 兴趣的物体&#xff0c;例如猎物和天敌。…

电子电器架构 --- 主机厂产线的两种刷写方法

电子电器架构 — 主机厂产线的两种刷写方法 我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 屏蔽力是信息过载时代一个人的特殊竞争力,任何消耗你的人和事,多看一眼都是你的不对。非必要不费力证…

DS:顺序表、单链表的相关OJ题训练(1)

欢迎各位来到 Harper.Lee 的学习小世界&#xff01; 博主主页传送门&#xff1a;Harper.Lee的博客主页 想要一起进步的uu可以来后台找我交流哦&#xff01; 在DS&#xff1a;单链表的实现 和 DS&#xff1a;顺序表的实现这两篇文章中&#xff0c;我详细介绍了顺序表和单链表的…

bert 微调合集

暂时没有时间总结&#xff0c;先贴上几个还不错的帖子 trick: PyTorch知识点补全_no_decay ["bias", "layernorm.bias", "layernorm.w-CSDN博客 Bert在fine-tune训练时的技巧&#xff1a;①冻结部分层参数、②weight-decay (L2正则化)、③warmup_…

Go限制运行时操作系统线程数量

Go语言的运行时系统使用了自己的调度器&#xff0c;该调度器使用了M:N模型&#xff0c;即M个goroutine可以在N个操作系统上进行调度。我们可以通过设置环境变量GOMAXPROCS或者使用runtime包中的GOMAXPROCS函数来限制Go程序可以使用的操作系统数。默认情况下&#xff0c;GOMAXPR…

IDEA基于Maven构建项目

IDEA基于Maven构建项目 一、Maven简介 Apache Maven 是一个软件项目管理和理解工具。基于项目对象模型的概念&#xff08;POM&#xff09;&#xff0c;Maven 可以从中心信息中管理项目的构建、报告和文档。 Apache Maven 可以用于构建和管理任何基于 Java 的项目。 下载地址…

【可实战】被测需求理解(需求文档是啥样的、从哪些角度进行需求评审、需求分析需要分析出哪些内容、如何提高需求分析能力)

产品人员会产出一个需求文档&#xff0c;然后组织一个需求的宣讲。测试人员的任务就是在需求宣讲当中&#xff0c;分析需求有没有存在一些问题&#xff0c;然后在需求宣讲结束之后通过分析需求文档&#xff0c;分析里面的测试点并预估一个排期。 一、需求文档是什么样的&#x…