강디너의 개발 일지

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

Javascript/삽질

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

강디너 2018. 12. 4. 17:04
728x90
반응형

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  님 감사합니다.


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

'Javascript > 삽질' 카테고리의 다른 글

Vscode Extension (플러그인) 만들기_6  (0) 2018.12.06
Vscode Extension (플러그인) 만들기_5  (2) 2018.12.05
GraphQL 이란  (0) 2018.12.02
디자인 패턴 : Flux  (0) 2018.11.26
디자인 패턴 : MVC  (0) 2018.11.23
커피한잔...
Comments