달력

8

« 2019/8 »

  •  
  •  
  •  
  •  
  • 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

'Tip & Tips/VS Code Tip & Tips'에 해당되는 글 4

  1. 2019.02.10 Visual Studio Code Released (Ver 1.31)
  2. 2018.12.16 Visual Studio Code Released (Ver 1.30)
  3. 2018.12.03 Visual Studio Code : Shortcuts(단축키)
  4. 2018.11.11 Visual Studio Code의 Text Font 바꾸기

2019년도가 되면서 새롭게 VS Code의 업데이트된 주요 기능들이다.




"No reload on extension install " 이 기능은 이전에 Extention Plugin을 설치하거나 업데이트 할때마다, 다시 Plugin을 로드해주어야 했었는데, 이번에 개선되어서, 설치 또는 업데이트만 하면 자동으로 리로드가 된다.

알렴서 사용하기 때문에 조금 불편하다고 생각했었는데, 이번 1.31버전에서 개선되었다.


"Main menu updates"는 새롭게 "Go(이동)" 메뉴가 추가 되어서 파일또는 패널의 이동을 도와줄수 있도록 기능들을 모았다. 이전에는 줄간 이동을 위해서 "Ctrl-G"만 사용하였는데, 유사한 기능들이 추가 되었다.


그리고, VS Code에서 사용하고 있던 nodejs ver 8.9는 nodejs ver 10.2 로 업데이트 되었다.

 

Realtime으로  IDE의 색상 테마를 변경할수 있는 기능도 추가 되었는데, 색상은 Dark테마로만 사용하고 있어서 잘 사용할 것 같지는 않다. 그외에 IDE사용에 추가된 가능들은 사용하면서 필요할때 다시 볼 생각이다.


Posted by 행복상자

Visual Studio Code의 새로운 Release(November 2018, Ver 1.30)가 나왔다.

기능적인 주요 Feature들은 다음과 같다.




최근에 사용하는 기능중에는 Search 관련 기능들이 많이 개선되고 있는데, 이번에는 "Multiline Search"에 대한 기능이 소소하게 개선 되었다. 기존에 Regular Expression 을 사용하여 여러라인에 걸처져 있는 Text를 검색하던 것을 "Shift + Enter" 키를 이용하여 Line을 구분하여 주면 찾아올 수 있는 기능이다. 

(개인적으로는 자주 사용할 것 같지는 않다. ) 


아래와 같은 파일이 있을 경우에, 


Window버전의 경우는 "Control + Shift + F"를 눌러 검색 창을 띄우거나, 또는 

MacOS의 경우에 "Shift + Command + F"를 눌려 검색 창을 띄우고, 검색어로 "latest" 를 치고 "Shift + Enter" 를 치고 "Untagged"를 입력한다. 그리고 "Enter"를 치면 멀티라인 검색이 된다.


결과는 다음과 같다.


"Choose extension version"는 개인적으로 있었으면 했던 기능이었는데, Extention Plugin에 대한 설치 버전들을 보고 이전 버전을 설치 할수 있는 기능이다. 설치된 Plugin이 문제가 있을 때 유용할 것 같다.


설치가 되어 있는 Extention Plug인의 오른쪽에 설정 버튼(톱니바퀴모양)을 누르면, 아래와 같이 Pop-UP 메뉴가 나타난다. 메뉴중에 "Install Another version..."을 선택하면 된다. 



현재 설치가 되어 있는 버전들과 이전에 만들어진 설치 가능한 버전들이 나타난다. (아래 화면 참조) 


이중에 한개의 항목을 선택하며, 이전 버전으로 변경하거나, 새로운 버전으로 선택해서 바꿀수 있다.


Posted by 행복상자

Visual Studio Code의 단축키들을 정리한 파일들이다. 가끔식 확인이 필요하거나 책상에 프린트에서 붙여 놓으면, 참고하는데 도움이 될 것이다.  VS Code의 메뉴상에서는 "도움말" > "바로가기 키참조"에서 확인 가능하다.


아래는 각 OS별로 작성된 Shortcut 키 매핑에 대한 파일들의 링크와 위치이다.



[MacOS용 Shortcut 파일] 

   https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf






[Windows용 Shortcut 파일

    https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf





[Linux용 Shortcut 파일]

    https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf



Posted by 행복상자

Visual Studio Code를 사용한지 벌써 3년은 된것 같다.  이전에 남겨 놓았던 글을 보니 정식 1.0 버전이 2016년 4월 14일에 발표 되었다. 지금도 일하면서 여러가지 IDE를 사용하기는 하지만, 가볍기 때문에 가장 많이 사용하고 있는 IDE 이다. 


내가 사용하는 IDE는 "Visual Study Code", "Visual Study 2017", "IntelliJ" 그리고 "Ultra Editor"의 순으로 사용하고 있다.


가장 손에 익은 툴에 맞어서서 셋팅을 변경해서 사용하는데, 단축키는 Eclipse에 맞추어서 사용하고 있다. Eclipse와 Spring Tool Suits를 오래동안 사용해서 단축키는 Eclipse  편하다. 그리고, VS Code를 만들고 있는 에릭 감마는 마이크로 소프트로 옮기기 전에 Eclipse를 설계/개발 하였기 때문에 VS Code도 기본 키셋팅은 영향을 받은 듯 많이 유사하다.


가끔 사용하는 Ultra Editor은 VS Code가 대용량 파일을 잘 읽어내지 못 할 때에 사용

하고 있다.


집에서다 VS Code를 깔아서 사용하고 있는데, 보통 내가 사용하는 IDE의 폰트는 'Courier New'로 설정해서 사용하고 있는데, iMac에서만 기본 폰트로 사용중이어서, 오늘은 변경해 보기로 했다.


기본 설정 폰트는 다음과 같은 순서로 변경하면 되는데, Mac에서 변경하기 때문에 Mac의 메뉴 기준으로 설명하겠다.



1. Code의 메뉴에서 아래와 같이 설정 메뉴로 이동한다.

 


2. 아래와 같은 화면이 나타나게 되는데, 상단의



여기에서 "font"라고 입력한다.



3. 아래의 화면에서 텍스트 편집기를 선택하면, 오른쪽에 "Editor: Font Family"라고 화면이 나오는데, 

   아래와 같이 4개의 Font들의 리스트를 볼수 있을 것이다.



4. 여기서 "Courier New"을 아래와 같이 앞으로 옮겨 오게 되면, 바로 변경됨을 확인할 수 있다. 
   (
"Courier New"만 남기도 다른 3개의 폰트를 지워도 된다.  없을 경우에 있는 폰트를 사용하도록 순서를 지정하는 것이기 때문에, 필요에 맞추어서 설정하면 된다.) 


5. 지금은 설정을 보면서 바꾸었는데, 이전 방식처럼, User Setting 설정은 다음과 같이 가능하다.

    아래와 같이 오른쪽의 "..."으로 되어 있는 버튼을 누루고, "Open settings.json" 를 선택하면 된다.



6. 그러면, 아래와 같이 json 파일이 열리고 Editor상에서 변경이 가능하다.


변경을 해 놓고 보니, 너무 가늘어 보이는데, "bold"로 변경하고 폰트 크기도 "12"에서 "13"으로 변경하니 괜찮아 보인다.


Posted by 행복상자