generator-code 模块是 VS Code 扩展生成器,与 yo 配合能构建 VsCode 插件项目
运行yo code创建项目
选择 New Extension(JavaScript)
输入项目名称 easyform
输入项目 ID easyform
输入项目描述 根据elementUi表单,动态生成form初始化配置
? What type of extension do you want to create? New Extension (JavaScript)
? What's the name of your extension? easyform
? What's the identifier of your extension? easyform
? What's the description of your extension? 根据elementUi表单,动态生成form初始化配置
? Enable JavaScript type checking in 'jsconfig.json'? Yes
? Initialize a git repository? Yes
? Which package manager to use? npm
2.代码
码代码
extension.js 代码入口,激活插件
example.js 注册 example 命令,打开文件 example.md 文件
配置 package.json
main 字段修改入口
"main": "./extension.js",
contributes 字段设置命令 easyform
//contributes 配置项是整个插件的贡献点,表明这个插件有什么功能。
commands: 命令,通过 control + shift + p 打开命令窗口进行输入来执行命令
"commands": [
{
"command": "easyform",
"title": "生成form表单初始配置"
}
]