首页 > 其他分享 >Better Input:VSCode插件开发指南

Better Input:VSCode插件开发指南

时间:2023-10-02 18:56:21浏览次数:47  
标签:npm 插件 package VSCode js Better 版本

更好的阅读体验?

0.准备工作

先安装(更新) node.jsnmp

  • node 更新

    Node.js 官网下载最新版本,然后重新安装在原来的安装路径下(第一次下载可只进行第三步)

    1. node -v查看当前版本是否是最新版本
    2. where node 查看之前的安装路径
    3. Node.js 官网下载 LTS 版本
    4. 执行 node -v 查看现在的版本信息
  • npm -v 更新

    1. 查看当前版本
    2. npm install -g npm 更新版本
    3. npm cache clean --force 清理 npm 缓存数据

1.创建项目

  1. npm install -g yo 安装 Yeoman 工具集
  2. npm install -g generator-code 安装 generator-code 模块
  3. yo code 创建新项目

## 2.编写插件

打开项目,按下 F5 ,会打开一个 扩展开发宿主VSCode 这个窗口包含了你编写的插件

在命令面板( Ctrl+Shift+P )中输入Hello World命令,会在右下角出现 Hello World from *****! 的提示,说明插件运行成功了。

如果右下角没有出现提示,可能是插件默认支持的 VSCode 版本过高,高于你当前的 VSCode 版本。打开项目里的 package.json 文件,将 "vscode": 后面的版本改低一点: 1.8.1标识你的插件只与1.8.1VSCode 兼容, ^1.8.0 则表示你的插件向上兼容,包括 1.8.1, 1.9.0 等等。

文件目录如下:

extension name/
├── src/
│   └── extension.js
├── package.json
├── 其它文件
└── ...

框架搭好后主要修改两部分:extension.jspackage.json

  • package.json
    // 插件名称,必须全部小写且无空格
    "name":
    
    // 插件在VSCode中显示的名称
    "displayName":
    
    // 插件的简要描述
    "description":
    
    // 版本号
    "version":
    
    // 插件图标
    "icon":
    
    // 发布者的名称(发布前加上)
    "publisher":
    
    // 插件所支持的VSCode的最低版本
    "engines":
    
    // 插件所属的类别
    "categories":
    
    // 插件关键词
    "keywords":
    
    // 插件激活的事件
    "activationEvents": 
    
    // 插件的主入口文件
    "main":
  • extension.js
// 引入VSCode的API模块
const vscode = require('vscode');

// 插件激活函数
function activate(context) {
    /*
    在这里开始编写代码
    */
}

// 代码

其它···

以上是主要会用到或者修改的部分

3. 本插件实现方法

出于安全性和可控性的考虑, VSCode 并没有提供原生API 来直接模拟键盘事件。尽管 VSCode 本身不提供直接的键盘模拟事件的 API ,但仍可以尝试使用第三方的 JavaScript 库,如robotjs 来模拟键盘事件。 robotjs是一个跨平台的 Node.js 库,可以用于模拟键盘和鼠标事件。用户想使用他必须先使用 npm 进行安装: npm install robotjs 然后就是疯狂报错

标签:npm,插件,package,VSCode,js,Better,版本
From: https://www.cnblogs.com/omeg/p/17740307.html

相关文章

  • mysql在安装group_replication插件时,报错ERROR 1126"can't open share library xxxx g
    问题描述:mysql在安装group_replication插件时,报错ERROR1126"can'topensharelibraryxxxxgroup_replication.so",如下所示:数据库:MySQL8.0.27系统:rhel7.31、问题重现mysql>INSTALLPLUGINgroup_replicationSONAME'group_replication.so';ERROR1126(HY0......
  • jenkins教程:Publish Over SSH插件远程ssh执行命令
    PublishOverSSHjenkins构建完成后需要一键发布,结构如下A服务器svnB服务器jenkinsC服务器应用服务器B从A拉取代码后打包成war,然后向C服务器拷贝war包这里解决的就是远程拷贝问题1.首先安装jenkinsSSH插件打开Jenkins的“系统管理>管理插件”,选择“可选插件”,在输入框中输入“......
  • vscode 配置 python 中快捷输入 if __name__ == '__main__':
    vscode不会像pycharm可以代码自动联想出 if__name__=='__main__': 操作点击左下角齿轮按钮——用户代码片段  然后输入python搜索出现python.json 然后将一下代码输入后重启就可以了 代码如下:"Printtoconsole":{"prefix":"main","body":[......
  • [VSCode] 替换掉/去掉空行
    VSCode中使用快捷键Ctrl+H,出现替换功能,在上面的“查找”框中输入正则表达式:^\s*(?=\r?$)\n然后选择右侧的“使用正则表达式”;“替换”框内为空,点击右侧的“全部替换”,即可去除所有空行。参考[VSCode替换掉/去掉空行](http://www.taodudu.cc/news/show-4624706.html?action=onClic......
  • CAD快捷键命令大全:加载插件、图层管理器及变动快捷键
    1:cad加载插件快捷键命令cad加载插件快捷键命令在AutoCAD(2016)中,通过快捷键命令"ap"可以加载插件。加载方法:打开CAD,输入加载插件快捷键命令"ap",回车。进入插件加载对话框。选择永久性加载来一次性加载插件,不需二次加载。点击添加,找到插件位置,选中插件,点击打开。添加进来后,点击关闭......
  • 打造个人的代码编辑器,27 个实用的 Visual Studio Code 扩展插件,让工作效率翻倍
    打造个人的代码编辑器,27个实用的VisualStudioCode扩展插件,让工作效率翻倍。VisualStudioCode(VSCode)是一个知名且评价很高的代码编辑器,具有大量功能和扩展以增强开发体验。使用VSCode的主要好处之一是它的灵活性,允许开发人员根据他们的特定需求对其进行自定义。此外,V......
  • 支持复制粘贴进行翻译的chrome浏览器插件
    下载安装https://chrome.google.com/webstore/detail/translator-dictionary-acc/bebmphofpgkhclocdbgomhnjcpelbenh/related?hl=zh-CN界面设置常用语言历史记录......
  • VScode中下载了插件但是无法找到SSH Target连接服务器的解决方法(CANNOT find SSH Targ
    VSCode版本vscodeversion:(version1.82)已下载扩展installedextensions:Remote-SSHv0.106.4Remote-SSH:EditingConfigurationFilesv0.86.0RemoteDevelopmentv0.24.0WSLv0.81.3几天前我从pycharm转战vscode,在连接服务器时遇到了一些问题。根据一些较为古早的......
  • 本地环境安装了node.js,vscode运行js代码出现乱码
    本地环境安装了node.js,vscode运行js代码出现乱码问题描述—vscode运行js代码出现乱码报错信息:问题原因node.js的下载安排了,环境变量vscode没有识别导致的乱码解决方法安装Node.js,软件会自动将其配置到环境变量中,然后重启VScode,最后便可以成功显示了。这个时候只有重新启动vscode就......
  • 教你正确使用VSCode写Python
    我们会发现在编写的时候代码会有很多格式问题的warning。那么如何自动格式化代码呢?这是本期将要介绍的。1、配置flake8安装flake8之后写代码的时候编辑器就会提示哪里出错,代码格式不规范也会提示。打开命令行,VSCode可以直接运行终端,按快捷键Ctrl+`输入“pipinstallflake8”安装f......