2025-02-17 03:54:02 +00:00
|
|
|
|
# theend 扩展说明
|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|
该扩展的 vscode 版本是 1.96.4
|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|
## 是什么?
|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|
当前扩展主要是为了把前端页面嵌入到 vscode 之中。
|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|
主要是 webview 的扩展,将 vue 项目打包出来的 dist 文件利用 webview 加载展示
|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|
## 怎么运行?
|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 04:02:18 +00:00
|
|
|
|
项目 clone 到本地后,需要执行命令`npm install`安装依赖
|
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|
F5 运行:如果 F5 调试运行没有效果,请检查当前 vscode 的版本
|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|
## 运行结果
|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|

|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|
## 说明
|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|
当扩展运行时,打开的页面是下面这样的:
|
|
|
|
|

|
|
|
|
|
侧边栏是无法通过代码关闭(已经尝试了各种方法,才发现是官方就给出了说明)
|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|
vscode 的扩展局限性太多,很多地方都被限制了,想要进一步开发还是得从源码上进行开发。
|
2025-02-14 02:52:29 +00:00
|
|
|
|
|
2025-02-17 03:54:02 +00:00
|
|
|
|
在公司的 gitea 上有 vscode 源码开发的 demo,有兴趣得可以去看看。
|
2025-02-17 04:02:18 +00:00
|
|
|
|
|
|
|
|
|
## 更新使用
|
|
|
|
|
|
|
|
|
|
将打包出来的 dist 文件放在目录中,在 src/extension.ts 文件中,进行修改资源目录信息即可。
|