介绍 {//插件的名字,应全部小写,不能有空格
“name":“vscode-plugin-demo"//插件的友好显示名称,用于显示在应用市场,支持中文
“displayName":“VSCode插件demo",//描述
“description":“VSCode插件演示集锦“,//关键字,用于应用市场搜索
“keywords":(“vscode",“plugin",“demo"],//版本号
“version":“1.0.0"//发布者,如果要发布到应用市场的话,这个名字必须与发布者一致
“publisher":“sxei"//表示插件最低支持的vscode版本
“engines": {
“vscode":“^ 1.27.0"
},//插件应用市场分类,可选值:[编程语言片段、短绒、主题,调试器,格式器,键盘映射,SCM供应商,扩展包,语言包)
“categories":(
“Other"
),//插件图标,至少128 x128像素
“icon":“图像/icon.png"//扩展的激活事件数组,可以被哪些事件激活扩展,后文有详细介绍
“activationEvents":(
“onCommand: extension.sayHello"
),//插件的主入口
“main":“。/src/extension"//贡献点,整个插件最重要最多的配置项
“contributes": {//插件配置项
“configuration": {
“type":“object"//配置项标题,会显示在vscode的设置页
“title":“vscode-plugin-demo"
“properties": {//这里我随便写了2个设置,配置你的昵称
“vscodePluginDemo.yourName": {
“type":“string"
“default":“guest"
“description":“你的名字“;
},//是否在启动时显示提示
“vscodePluginDemo.showTip": {
“type":“boolean"
“default":没错,
“description":“是否在每次启动时显示欢迎提示!“
}
}
},//命令
“commands":(
{
“command":“extension.sayHello"
“title":“你好World"
}
),//快捷键绑定
“keybindings":(
{
“command":“extension.sayHello"
“key":“ctrl + f10"
“mac":“cmd + f10"
“when":“editorTextFocus"
}
),//菜单
“menus": {//编辑器右键菜单
“编辑/context":(
{//表示只有编辑器具有焦点时才会在菜单中出现
“when":“editorFocus"
“command":“extension.sayHello"//导航是一个永远置顶的分组,后面的@6是人工进行组内排的序
“group":“navigation@6"
},
{
“when":“editorFocus"
“command":“extension.demo.getCurrentFilePath"
“group":“navigation@5"
},
{//只有编辑器具有焦点,并且打开的是JS文件才会出现
“when":“editorFocus,,resourceLangId==javascript"
“command":“extension.demo.testMenuShow"
“group":“z_commands"
},
{
“command":“extension.demo.openWebview"
“group":“navigation"
}
),//编辑器右上角图标,不配置图片就显示文字
“编辑/title":(
{
“when":“editorFocus,,resourceLangId==javascript"
“command":“extension.demo.testMenuShow"
“group":“navigation"
}
),//编辑器标题右键菜单
“编辑/标题/context":(
{
“when":“resourceLangId==javascript"
“command":“extension.demo.testMenuShow"
“group":“navigation"
}
),//资源管理器右键菜单
“浏览器/context":(
{
“command":“extension.demo.getCurrentFilePath"
“group":“navigation"
},
{
“command":“extension.demo.openWebview"
“group":“navigation"
}
]
},//代码片段
“snippets":(
{
“language":“javascript"
“path":“。//javascript.json"片段;
},
{
“language":“html"
“path":“。//html.json"片段;
}
),//自定义新的activitybar图标,也就是左侧侧边栏大的图标
“viewsContainers": {
“activitybar":(
{
“id":“beautifulGirl"
“title":“美女“,
“icon":“图像/beautifulGirl.svg"
}
]
},//自定义侧边栏内视图的实现
“views": {//和viewsContainers的id对应
“beautifulGirl":(
{
“id":“beautifulGirl1"
“name":“国内美女“
},
{
“id":“beautifulGirl2"
“name":“国外美女“
},
{
“id":“beautifulGirl3"
“name":“人妖“;
}
]
},//图标主题
“iconThemes":(
{
“id":“testIconTheme"
“label":“测试图标主题“,
“path":“。/主题/icon-theme.json"
}
]
},//同npm脚本
“scripts": {
“postinstall":“节点。/node_modules vscode/bin/install",
“test":“节点。/node_modules vscode/bin/test"
},//开发依赖
“devDependencies": {
“typescript":“^ 2.6.1",
“vscode":“^ 1.1.6",
“eslint":“^ 4.11.0",
“@types/node":“^ 7.0.43",
“@types/mocha":“^ 2.2.42"
},//后面这几个应该不用介绍了
null
null
null
null
null
null
null
null
null
null
null
这篇文章主要讲解了VSCode中package.json的用法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
在详细介绍VSCode插件开发细节之前,这里我们先详细介绍一下VSCode插件的<代码> package.json>
如下是<代码>包。json代码文件的常用配置,当然这里还不是全部:
