Go to file
2025-02-17 12:02:18 +08:00
.vscode vscode扩展代码,将dist文件放入目录,资源连接过后,即可在vscode中运行查看 2025-02-14 10:52:29 +08:00
images/README 把当前版本的前端项目打包为dist的文件加入了项目中,完善了README.md文件 2025-02-17 11:54:02 +08:00
resources vscode扩展代码,将dist文件放入目录,资源连接过后,即可在vscode中运行查看 2025-02-14 10:52:29 +08:00
src 把当前版本的前端项目打包为dist的文件加入了项目中,完善了README.md文件 2025-02-17 11:54:02 +08:00
.gitignore vscode扩展代码,将dist文件放入目录,资源连接过后,即可在vscode中运行查看 2025-02-14 10:52:29 +08:00
.vscode-test.mjs vscode扩展代码,将dist文件放入目录,资源连接过后,即可在vscode中运行查看 2025-02-14 10:52:29 +08:00
.vscodeignore vscode扩展代码,将dist文件放入目录,资源连接过后,即可在vscode中运行查看 2025-02-14 10:52:29 +08:00
CHANGELOG.md vscode扩展代码,将dist文件放入目录,资源连接过后,即可在vscode中运行查看 2025-02-14 10:52:29 +08:00
eslint.config.mjs vscode扩展代码,将dist文件放入目录,资源连接过后,即可在vscode中运行查看 2025-02-14 10:52:29 +08:00
package-lock.json 把当前版本的前端项目打包为dist的文件加入了项目中,完善了README.md文件 2025-02-17 11:54:02 +08:00
package.json vscode扩展代码,将dist文件放入目录,资源连接过后,即可在vscode中运行查看 2025-02-14 10:52:29 +08:00
README.md 添加了README.md里面的信息 2025-02-17 12:02:18 +08:00
tsconfig.json vscode扩展代码,将dist文件放入目录,资源连接过后,即可在vscode中运行查看 2025-02-14 10:52:29 +08:00
vsc-extension-quickstart.md vscode扩展代码,将dist文件放入目录,资源连接过后,即可在vscode中运行查看 2025-02-14 10:52:29 +08:00

theend 扩展说明

该扩展的 vscode 版本是 1.96.4

是什么?

当前扩展主要是为了把前端页面嵌入到 vscode 之中。

主要是 webview 的扩展,将 vue 项目打包出来的 dist 文件利用 webview 加载展示

怎么运行?

项目 clone 到本地后,需要执行命令npm install安装依赖

F5 运行:如果 F5 调试运行没有效果,请检查当前 vscode 的版本

运行结果

1739762848553

说明

当扩展运行时,打开的页面是下面这样的: 1739763091081 侧边栏是无法通过代码关闭(已经尝试了各种方法,才发现是官方就给出了说明)

vscode 的扩展局限性太多,很多地方都被限制了,想要进一步开发还是得从源码上进行开发。

在公司的 gitea 上有 vscode 源码开发的 demo有兴趣得可以去看看。

更新使用

将打包出来的 dist 文件放在目录中,在 src/extension.ts 文件中,进行修改资源目录信息即可。