更好的阅读体验?
0.准备工作
先安装(更新) node.js
和 nmp
-
node
更新去 Node.js 官网下载最新版本,然后重新安装在原来的安装路径下(第一次下载可只进行第三步)
node -v
查看当前版本是否是最新版本where node
查看之前的安装路径- 去 Node.js 官网下载
LTS
版本 - 执行
node -v
查看现在的版本信息
-
npm -v
更新- 查看当前版本
npm install -g npm
更新版本npm cache clean --force
清理npm
缓存数据
1.创建项目
npm install -g yo
安装 Yeoman 工具集npm install -g generator-code
安装generator-code
模块yo code
创建新项目
## 2.编写插件
打开项目,按下 F5
,会打开一个 扩展开发宿主VSCode 这个窗口包含了你编写的插件
在命令面板( Ctrl+Shift+P
)中输入Hello World
命令,会在右下角出现 Hello World from *****!
的提示,说明插件运行成功了。
如果右下角没有出现提示,可能是插件默认支持的 VSCode 版本过高,高于你当前的 VSCode 版本。打开项目里的 package.json
文件,将 "vscode":
后面的版本改低一点: 1.8.1
标识你的插件只与1.8.1
的 VSCode
兼容, ^1.8.0
则表示你的插件向上兼容,包括 1.8.1, 1.9.0
等等。
文件目录如下:
extension name/
├── src/
│ └── extension.js
├── package.json
├── 其它文件
└── ...
框架搭好后主要修改两部分:extension.js
和 package.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
然后就是疯狂报错