vsCode插件开发_08Demo下载地址

已于 2024-06-11 14:11:03 修改
阅读量149 收藏 3
点赞数 3
分类专栏： vsCode插件开发 文章标签： vscode ide 编辑器
于 2024-06-11 14:09:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/everglow__/article/details/139597567
版权

前面几篇文章的程序打包在一起了，需要的朋友自己下载吧

demo下载链接

内容简介：

        vsCode插件开发 01环境搭建+helloWorld ；本文主要记录：基础环境搭建+helloworld程序运行

        vsCode插件开发 02标题栏菜单+右键菜单(替换选中文字) ；本文主要记录：菜单栏和右键菜单的实现，顺带记录了实现 右键替换文本为自定义字符串

        vsCode插件开发 03快捷键和悬浮提示；本文主要记录:快捷键的响应处理、选中文本时-悬浮提示内容的添加

        vsCode插件开发 04代码补全和代码片段；本文主要记录:代码补全提示的配置和使用 以及 代码片段的配置和使用

        vsCode插件开发 05自定义配置以及配置读写；本文主要记录:自定义配置的添加、自定义配置的读写

        vsCode插件开发 06左侧抽屉面板配置及图标设置；本文主要记录:左侧抽屉面板的相关配置/设置、插件icon的相关设置

vsCode插件开发 07webView；本文主要记录:webView的开发内容

进击的CppCodeCreater
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
VsCode插件开发之插件初步通信的方法步骤
10-16
VSCode插件demo
VSCode插件开发全攻略之命令、菜单、快捷键
08-19
VSCode插件开发全攻略之命令、菜单、快捷键 VSCode插件开发中，命令、菜单、快捷键是三个非常重要的概念。本篇文章将详细介绍如何在VSCode插件开发中使用命令、菜单、快捷键，帮助读者更好地理解和应用这些概念。 ...
vsCode插件开发_07webView
everglow__的博客
06-03 587
vsCode插件开发记录，本文主要记录了webView的开发内容
vsCode插件开发_05自定义配置以及配置读写
everglow__的博客
05-30 313
vsCode插件开发记录，本文主要记录：自定义配置的添加、自定义配置的读\写
vsCode插件开发_03快捷键和悬浮提示
everglow__的博客
05-30 387
vsCode插件开发记录，本文主要记录：快捷键的响应处理、选中文本时-悬浮提示内容的添加
vsCode插件开发_04代码补全和代码片段
everglow__的博客
05-30 374
vsCode插件开发记录，本文主要是针对：代码补全提示的配置和使用 以及 代码片段的配置和使用
vsCode插件开发_02标题栏菜单+右键菜单（替换选中文字）
everglow__的博客
05-30 354
vsCode插件开发记录，本文主要记录菜单栏和右键菜单的实现，顺带记录了实现 右键替换文本为自定义字符串
vsCode插件开发_06左侧抽屉面板配置及图标设置
everglow__的博客
05-31 226
vsCode插件开发记录，本文主要记录：左侧抽屉面板的相关配置/设置、插件icon的相关设置
vscode 插件开发指南
昨天1990的专栏
05-23 945
1.package.json中vscode版本与本地不匹配。3.package.json配置文件详解。
vscode插件开发
热门推荐
weixin_40200876的博客
07-23 1万+
vscode插件应用开发
vscode extension插件开发详解
01-01
最近公司要使用vscode作为开发工具，需要对vscode做一些定制功能，比如snippet提示，内容提示，以及其他插件集成等，为此做了一些调查，并做了一定的开发与支持。 官方文档 https://code.visualstudio.com/docs ...
VSCode插件开发全攻略之package.json详解
12-20
在详细介绍vscode插件开发细节之前，这里我们先详细介绍一下vscode插件的package.json写法，但是建议先只需要随便看一下，了解个大概，等后面讲到具体细节的时候再回过头来看。 如下是package.json文件的常用配置，...
vsCode插件开发demo合集 文章详情: http://t.csdnimg.cn/W0mF8
06-03
vsCode插件开发 01环境搭建+helloWorld 本文主要记录：基础环境搭建+helloworld程序运行 vsCode插件开发 02标题栏菜单+右键菜单(替换选中文字) 本文主要记录：菜单栏和右键菜单的实现，顺带记录了实现 右键替换文本...
vscode插件开发总结
woyebuzhidao321的博客
01-10 1万+
比较好的文章可供参考： https://zhaomenghuan.js.org/note/vscode/awesome-vscode.html https://zhuanlan.zhihu.com/p/99587182 一、关键字高亮实现
使用vscode搜索打开的文件夹下的文件
weixin_44357071的博客
07-19 386
这样就能够找到例化的模块，文件具体在哪个位置，然后打开了。摁一次删除键，删除掉图中的大于号。右键空白处打开命令面板。
随手记：推荐vscode好用的几个小插件
weixin_63515766的博客
07-19 557
推荐vscode好用的几个小插件
[题解]CF1401E.Divide Square(codeforces 05)
weixin_66580750的博客
07-22 1021
这个问题是一个典型的扫描线算法的应用场景，通过有效的数据结构和算法设计，我们可以将复杂的问题简化为一系列更小的子问题。希望这些思路能帮助你开始解决这个问题，记住，在实际编码时，一步步调试和测试你的代码是非常你发现并修正潜在的错误。
三角网格细分带uv： subdivide triangle mesh with uv
最新发布
YuQiao0303的博客
07-25 199
【代码】三角网格细分带uv： subdivide triangle mesh with uv。
vscode用来js开发的插件
09-08
引用:执行 yo code之后，会有下面几个选项： ? What type of extension do you want to create(您想要创建什么类型的扩展?)? New Extension (JavaScript)? What's the name of your extension(你的分机名是什么，也就是项目名)?demo? What's the identifier of your extension（你的扩展的标识符是什么）?demo? What's the description of your extension（什么是您的扩展的描述）?learn vscode plugin? Enable JavaScript type checking in 'jsconfig.json'（在'jsconfig.json'中启用JavaScript类型检查）?Yes? Initialize a git repository（初始化一个git仓库）?Yes? bundel the source code with webpack (是否用webpack打包源码)？Yes? Which package manager to use（使用哪个包管理器）? yarn 。 引用:官方为了方便开发人员进行vscode插件的开发，提供了对yo应的脚手架来生成对应的项目。vscode 扩展开发官方文档 // 全局安装需要的包 npm install -g yo generator-code 。 引用:VSCode插件的WebView类似于iframe的实现，但并不是真正的iframe（我猜底层应该还是基于iframe实现的，只不过上层包装了一层），通过开发者工具可以看到： 1、实现一个简单的webview功能 const vscode = require('vscode'); /** * @param {vscode.ExtensionContext} context */ function activate(context) { let disposable = vscode.commands.registerCommand( 'demo1.webview', showWebview ); context.subscriptions.push(disposable); } function showWebview() { // 创建webview const panel = vscode.window.createWebviewPanel( 'testWebview', // viewType 'WebView演示', // 视图标题 vscode.ViewColumn.One, // 显示在编辑器的哪个部位 { enableScripts: true, // 启用JS，默认禁用 retainContextWhenHidden: true, // webview被隐藏时保持状态，避免被重置 } ); panel.webview.html = `<html><body>你好，我是Webview</body></html>`; } function deactivate() {} module.exports = { activate, deactivate, }; 。 vscode用来js开发的插件时，可以使用官方提供的脚手架yo code来生成对应的项目。首先需要全局安装yo和generator-code这两个包，然后执行yo code命令，按照提示选择New Extension (JavaScript)作为扩展类型，并设置项目名、标识符、描述等信息。在生成的项目中，可以使用VSCode的开发者工具和WebView类似于iframe的实现来实现插件的功能。可以通过创建Webview来展示自定义的HTML内容，并通过JavaScript来与插件进行交互。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值