VSCode插件开发日记--1环境配置

1
   {
2
    "name": "sample",              //插件扩展名称（对应创建项目时候的输入）
3
    "displayName": "sample",
4
    "description": "blog sample",  //插件扩展的描述（对应创建项目时候的输入）
5
    "version": "0.0.1",
6
    "publisher": "caipeiyu",       //发布时候的一个名称（对应创建项目时候的输入）
7
    "engines": {
8
        "vscode": "^0.10.10"
9
    },
10
    "categories": [
11
        "Other"
12
    ],
13
    "activationEvents": [          //这是我们要理解的地方，是触发插件执行一些代码的配置
14
        "onCommand:extension.sayHello" //这种是通过输入命令来触发执行的
15
    ],
16
    "main": "./out/src/extension",  //这个是配置TypeScript编译成js的输出目录
17
    "contributes": {
18
        "commands": [{             //title 和 command是一个对应关系的
19
            "command": "extension.sayHello", //这个是对应上面那个命令触发的，在代码里面也要用到
20
            "title": "Hello World"   //这个是我们在vscode里面输入的命令
21
        }]
22
    },
23
    "scripts": {                     //是在发布打包，或者其他运行时候，要执行的一些脚本命令
24
        "vscode:prepublish": "node ./node_modules/vscode/bin/compile",
25
        "compile": "node ./node_modules/vscode/bin/compile -watch -p ./",
26
        "postinstall": "node ./node_modules/vscode/bin/install"
27
    },
28
    "devDependencies": {           //这是开发的依赖包，如果有其他的依赖包，并要打包的话，需要把dev去掉
29
        "typescript": "^1.8.5",
30
        "vscode": "^0.11.0"
31
    }
32
   }

1
'use strict';
2
// The module 'vscode' contains the VS Code extensibility API
3
// Import the module and reference it with the alias vscode in your code below
4
import * as vscode from 'vscode';
5

6
// this method is called when your extension is activated
7
// your extension is activated the very first time the command is executed
8
export function activate(context: vscode.ExtensionContext) {
9

10
    // Use the console to output diagnostic information (console.log) and errors (console.error)
11
    // This line of code will only be executed once when your extension is activated
12
    console.log('Congratulations, your extension "sample" is now active!');
13

14
    // The command has been defined in the package.json file
15
    // Now provide the implementation of the command with  registerCommand
16
    // The commandId parameter must match the command field in package.json
17
    let disposable = vscode.commands.registerCommand('extension.sayHello', () => {
18
        //只看这个地方'extension.sayHello'和 package.json 里面的 "onCommand:extension.sayHello" 是一个对应关系
19
        // The code you place here will be executed every time your command is executed
20

21
        // Display a message box to the user
22
        vscode.window.showInformationMessage('Hello World!');
23
    });
24

25
    context.subscriptions.push(disposable);
26
    }
27

28
    // this method is called when your extension is deactivated
29
    export function deactivate() {
30
    }

1
...
2
"activationEvents": [
3
      "onCommand:extension.sayHello",
4
      "onCommand:extension.saySample"
5
],
6
"contributes": [
7
      "commands": [{
8
            "command": "extension.sayHello",
9
            "title": "Hello World"
10
        },{
11
            "command": "extension.saySample",
12
            "title": "Hello Sample"
13
        }]
14
],
15
...