Vscode Extension (플러그인) 만들기_4

Vscode Extension (플러그인) 만들기_4

본격적으로 코드를 직접 수정해볼껍니다.

참고 자료

https://github.com/sculove/translator/blob/master/src/extension.ts

위의 코드를 보면서 작성하며 익혔습니다.

1. 선택한 텍스트 정보 얻기

2. 선택한 텍스트를 번역? 할 준비하기

'use strict';

import {
    window as vswindow,
    commands,
    ExtensionContext,
    Range,
} from 'vscode';

export function activate(context: ExtensionContext) {

    console.log('Congratulations, your extension "hello-world" is now active!');

    let disposable = commands.registerCommand('extension.sayHello', () => {

        const editor = vswindow.activeTextEditor;
        console.log('vscode의 글씨들',editor);
        if (!editor) {
            return;
        }
        const selections = editor.selections[0];
        
        console.log('select 된거 정보', selections);
        const selection_range = new Range(selections.start, selections.end);
        console.log('select 된 라인 정보',selection_range);

        const text = editor.document.getText(selection_range);
        if(!text){
            console.log('text 선택좀...');
        }
        console.log('text:', text);
        vswindow.showQuickPick(['보여줄','리스트', '입니다'], {
            matchOnDescription: true,
            placeHolder: '원하는 단어를 선택하세요 !!'
        }).then(
            ()=>{
                console.log('변경완료 (라고 만들고 싶...)');
            }
        );

    });

    context.subscriptions.push(disposable);
}

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

아직 기능을 덜 만들어서

단어를 선택한 후

hello world 만들때와 같이

커맨드 + 시프트 + p 를 눌러서 Hello World 를 클릭해줍니다.

다음에는 더 업그레이드해서 만들어보겠습니다.

플러그인 만드신 Son Chan Uk  님 감사합니다.

좋은 코드로 공부하면서... 만들어보겠습니다.