일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- vue login
- react
- 플러그인
- javascript
- Docker
- vuex
- 기획
- login
- AWS
- vsCode
- 배포
- extension
- 토이프로젝트
- 정리
- vue
- plugin
- 뷰
- nginx
- 프론트
- 신상마켓
- react-query
- PWA
- 셋팅
- Firebase
- jwt
- database
- 로그인
- express
- 회고록
- Git
- Today
- Total
강디너의 개발 일지
Vscode Extension (플러그인) 만들기_6 시간을 많이 투자해서 결국 해냈습니다 ! vscode 내에서 텍스트 선택 후 번역 -> 카카오 번역기 -> vscode 선택한 단어 교체 로 하겠습니다. 완성된 코드는 https://github.com/DinnerKang/korean_translator 에 있습니다. 우선 코드부터 보여드리겠습니다. 설명보다 예제를 더 좋아하기에 ㅎㅎ function translationText() { console.log('-------testCode--------'); const src_lang = 'kr'; const target_lang = 'en'; let query = text; const headers = { 'Authorization': 'KakaoAK ..
Vscode Extension (플러그인) 만들기_5 커맨드 + 시프트 + p 누르지 않고 활성화 시키기위하여 작업해보겠습니다 ! 아 우선.. 함수 이름 바꿀께요 ~sayHello 였는데 언제까지 그대로 쓸순 없잖아요 ? package.json 파일을 수정해줍니다.json 파일은 주석이 안되기 때문에 지워주세요 !(설명을 위하여 적었습니다) 결과 ! 관련 문서 일부 입니다. menus -> 의 editor / context 를 이용하여 작성합니다. https://code.visualstudio.com/docs/extensionAPI/extension-points#_contributesmenus vscode extension 만드는데 문서가 생각보다 길고 많고.. 검색을 뭐라고 해야할지도 애매해서 찾기 힘..
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 n..