일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- plugin
- react
- extension
- Git
- vsCode
- database
- vuex
- AWS
- 정리
- Firebase
- Docker
- PWA
- vue login
- nginx
- jwt
- login
- 셋팅
- 프론트
- 기획
- javascript
- 플러그인
- 신상마켓
- 회고록
- express
- 토이프로젝트
- 배포
- 뷰
- 로그인
- vue
- react-query
- Today
- Total
목록plugin (4)
강디너의 개발 일지
Vscode Extension (플러그인) 만들기_7 음... 어떻게하면 더 편하게 쓸수 있을까 생각하다가 어짜피 번역되서 나오는 값이 1개인데 굳이 선택하게 할 필요가 있을까 ? 라는 생각이 들어서 바로 번역되게 코딩을 해봤습니다.( + 카카오 API 허용량 넘으면 메시지 뜨게끔..) 바뀐점은translationText 함수가 editor 인수를 받게끔 해놨습니다.editor 를 밖으로 꺼내서 this 로 할려했는데 실패.. 그냥 함수를 실행할 때 editor 를 보내줍니다. translationText(editor); function translationText(editor: any) { console.log('-------testCode--------'); const src_lang = 'kr'; ..
Vscode Extension (플러그인) 만들기_5 커맨드 + 시프트 + p 누르지 않고 활성화 시키기위하여 작업해보겠습니다 ! 아 우선.. 함수 이름 바꿀께요 ~sayHello 였는데 언제까지 그대로 쓸순 없잖아요 ? package.json 파일을 수정해줍니다.json 파일은 주석이 안되기 때문에 지워주세요 !(설명을 위하여 적었습니다) 결과 ! 관련 문서 일부 입니다. menus -> 의 editor / context 를 이용하여 작성합니다. https://code.visualstudio.com/docs/extensionAPI/extension-points#_contributesmenus vscode extension 만드는데 문서가 생각보다 길고 많고.. 검색을 뭐라고 해야할지도 애매해서 찾기 힘..
Vscode Extension (플러그인) 만들기_2 MD 파일의 문자 개수 측정하는 플러그인 예제 vscode page -> https://code.visualstudio.com/docs/extensions/example-word-count 우선 다시 폴더를 만들어주시고 extesion.ts 함수입니다. 계속 Hello World 만 쳐야 하는게 싫어서 Hi 로 바꿔봤습니다. // The module 'vscode' contains the VS Code extensibility API // Import the module and reference it with the alias vscode in your code below import { window, commands, Disposable, Exten..
Vcode Extension 만들기(플러그인 만들기) 어떤 발표자료를 보고.. 함수이름 만들때 번역기를 자주가는 나를 마주치고 결심했다.영어못하는 나를 위하여 번역 플러그인을 만들기로...만들려고 조사좀 해보니 이미 하나가 만들어져있.....ㅠ(제꺼 아녀요)https://marketplace.visualstudio.com/items?itemName=sculove.translator#overview 고수님들이 이미 만들어 놓으셔서..내 수준에 맞게 만들어 보려고 한다. 우선 vscode 에서 지원하는 extension 만드는 예제 따라하기 (이게 제목인가) vscode 공식 홈페이지https://code.visualstudio.com/docs/extensions/example-hello-world 사진에는..