Jupyter Lab에서 VS Code로 개발환경 이전

Jupyter Lab을 이용해서 ipynb를 이용한 개발을 많이했었습니다. Jupyter notebook에서 Lab으로 옮겨갔을 때, Terminal을 함께 사용할 수 있어서 매우 편리했었죠. VS Code가 나오더라도, 조금 써보고 계속 Jupyter Lab을 쓰고 있었는데, Live share extension을 보고는 감탄하면서, 와!! 무조건 해야겠다! 하면서 VS Code로 옮겨갔지만, 그 외에는 제게는 잘 안맞더라구요. (사실 원래 진성 Visual Studio + C++ 개발자 였습니다...)

 

그러던 반복의 삶 속에서... VS Code의 extension이 너무 발달해버린 요즘, 이제는 이전을 정말 무조건 해야겠다! 라는 마음으로 셋팅 중에 있습니다. 평소 쇼핑을 좋아해서 그런지, 사용하지도 않으면서 extension만 마구 깔고 있는데요; 기능과 사용법을 기록해두지 않으면 다 까먹을까봐 로그합니다.

 

간단하게 active와 passive로 나눠보고자 합니다. 게임에서 스킬을 사용해야 하는 것은 active, 자동적으로 발현되는 것은 passive라고 구분 짓는 것 처럼, 명령어를 입력하거나, 단축키를 통해 작동을 시켜야하는 것은 active, 자연스럽게 녹아들어 기능이 발현되는 것은 passive로 구분해보고자 합니다.

 

1. Active Extension for VS Code

1. Settings Sync(code-settings-sync) v0.5.2

 

다양한 extenstion을 소개하기에 앞서서, extension 설치 환경을 gist(github)을 통해 저장하고 불러올 수 있도록 하는 code-settings-sync extension을 소개하고자 합니다. 아래의 리스트가 제가 설치한 것들이고, 이것은 code-settings-sync를 통해서 제 gist에 저장되어있습니다.

 

https://gist.github.com/seriousran/5f6d34d6437ee427592ca768b84f477e

 

사용 방법도 간단합니다.

 

1. Upload Key: Shift + Alt + U

2. Download Key: Shift + Alt + D

 

업로드를 하게되면, 아래와같이 추가되어있는 extension의 리스트가 출력되며 gist에 저장합니다.

 

  Bookmarks v10.7.0

  bracket-pair-colorizer v1.0.61

  code-settings-sync v3.4.3

  githistory v0.5.2

  html-css-class-completion v1.19.0

  nord-visual-studio-code v0.13.0

  python v2020.2.63072

  vscode-icons v9.7.0

  vscode-wakatime v2.3.0

  vsliveshare v1.0.1615

 

active: code-settings-sync, bookmarks, githistory, html-css-class-completion, vsliveshare 

passive: bracket-pair-colorizer, vscode-wakatime(API Key 설정 후)

theme:  nord-visual-studio-code,  vscode-icons

basic: python 

2. Bookmarks

 

- 북마크 지정/해제: ctrl + alt + k

- 이전 북마크로 이동: ctrl + alt + j

- 다음 북마크로 이동: ctrl + alt + l

- 왼쪽 active bar에 bookmarks가 생기며, 그것을 누르면 bookmark 위치를 explore할 수 있음!

 

3. githistory

- 오른쪽 마우스의 메뉴로 기능 실행

- git 변경 history, commit 등 확인 가능

 

4. html-css-class-completion

Ctrl+Shift+P에서 "Cache CSS class definitions."를 입력해주면 실행됨

(저걸 실행해줘야 cache가 되는 듯)

css class 이름들을 찾아줌(code completion, assistant 등의 역할)

 

5. vsliveshare

여러 사람이 동시 작업할 때 유용!