extension.ts 실행하기

1. activate 에 등록된 command 확인

Visual Studio Code 에서 extension 이 포함된 folder 를 open 한 후에 sample 로 생성된 helloworld command 를 실행해보자. vscode.commands.registerCommand('xxx') 에 등록된 'xxx' 를 찾을수 있다. 아래 예제의 경우에는 "plantuml-parser-extension.helloWorld" 이고, command 로는 "helloworld" 이다.

export function activate(context: vscode.ExtensionContext) {

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

	// The command has been defined in the package.json file
	// Now provide the implementation of the command with registerCommand
	// The commandId parameter must match the command field in package.json
	const disposable = vscode.commands.registerCommand('plantuml-parser-extension.helloWorld', () => {
		// The code you place here will be executed every time your command is executed
		// Display a message box to the user
		vscode.window.showInformationMessage('Hello World from plantuml-parser-extension!');
	});

	context.subscriptions.push(disposable);
}

2. F5 실행 (Start Debugging)

Explorer 에서 extension.ts 에 focus를 두고 "Start Debugging F5" 를 실행하면 아래와 같이 "Extension Development Host" 라는 별도의 Visual Studio Code 가 하나 더뜬다.

3. "helloworld" command 실행하기

"Extension Development Host" 라는 별도의 Visual Studio Code 에서 "Command Palette" 를 실행하고 "helloworld"를 입력하면 아래와 같이 명령이 보이고 선택 가능하다.