김보안의 블로깅
  • 🏠 Home
  • 📚 Project
    • Blockchain
      • 🎦 PickMe
      • 🎦 IoTC
      • 🎦 Blackchain
      • 📃 Gemology
      • 🎦 PickMe
      • 🎦 PickMe
    • AI
      • 👋 A.I. Dream Reader
      • 🎦 A.I. Dream Reader
    • Security
      • 🎦 SNAC
    • Education
      • 🎦 Smart Lecture
  • 🤸‍♂ Hobby
    • Music
      • Violin
      • Guitar
      • Piano
      • Drum
    • Flower
      • Flower Certificate
    • Sport
      • Ski
      • Skateboard
      • Golf
      • Boxing

2021년 12월 16일 목요일

VS Code 이쁘게 세팅하기

 SecureKim     오후 1:14     setting, vscode     No comments   


1. Shortcut

일단 나는 이클립스에서 쓰던 단축키인 Ctrl + D (한줄 지우기)를 엄청 많이 사용하는데, 

VS Code는 복잡한 키로 설정되어 있다.

단축키 변경은 아래와 같이 할 수 있다.

Ctrl + K 를 누르고, 다시 Ctrl + S 를 누르면 바로가기 키가 뜬다.

줄 삭제를 눌러서 Ctrl + D 를 설정하고 겹치는 키가 있으면 삭제하면 된다.



2. Theme

색상을 좀 바꿔보고 싶을 때 사용한다.

ctrl + shift + x 를 누르면 확장 설치를 할 수 있는데,

material theme 을 검색해서 가장 상위에 뜨는걸 설치하고

테마를 선택해서 적용하면 된다.


나중에라도 '색 테마 설정'을 누르면 변경이 가능하다.



3. Theme ICON

2번과 같은 방식으로 'material icon theme' 을 검색 하고 설치해서 적용한다.

아이콘들이 아주 맛있게 바뀌어 있는 것을 볼 수 있다.



4. Font

ctrl 과 , 를 누르면 setting 창이 뜨는데, 

왼쪽에 텍스트 편집기 - 글꼴을 누르면 폰트를 지정할 수 있다.


'settings.json 에서 편집'을 누르면 아래와 같이 직접 설정 할 수도 있다.

Fira Code는 여기(https://github.com/tonsky/FiraCode)에서 다운받고 .ttf 파일을 열어서 설치하면 된다.

{
    "window.zoomLevel": 1,
    "workbench.colorTheme": "Material Theme Palenight High Contrast",
    "workbench.iconTheme": "material-icon-theme",
    "editor.fontFamily": "'Fira Code', 'monospace'",
    "editor.fontLigatures": true
} 

특히 Fira Code의 fontLigatures 를 true로 설정한 다음, VS Code를 재실행 하면

아래와 같이 Arrow나 비교하는 특수 기호들이 이쁘게 바뀌는 것을 볼 수 있다.




  • Share This:  
  •  Facebook
  •  Twitter
  •  Stumble
  •  Digg
이메일로 전송BlogThis!Twitter에서 공유Facebook에서 공유
최근 게시물 이전 게시물 홈

0 개의 댓글:

댓글 쓰기

페이지

  • 홈
  • Hobby

Categories

  • AI
  • android
  • AWS
  • Blockchain
  • Hardware
  • Javascript
  • mysql
  • Node.js
  • Plasma
  • review
  • Security
  • Study
  • Video
  • windows

Popular Posts

  • 블랙보드 강의 녹화 영상 다운로드 가능한 방법 (노설치)
    별도의 설치도 필요 없고 아주 쉽습니다. 구글 크롬브라우저 에서 블랙보드 녹화 영상에  다운로드 가능한 메뉴가 나오게 하는 코드입니다.  먼저 블랙보드 강의자료에 입장하고, 재생 버튼을 클릭 하지 않은 상태로 F12 를 입력합니다. 재생을 클릭하지 마세요.
  • 회사 프록시와 인증서에 고통받는 그대를 위한 글 (Bash, Gradle, Python, wget, nodejs(npm), apt-get, cURL, git, yarn, androidStudio)
    대기업에 입사하면 장단점이 있는데, 단점 중에 하나가 회사에서 프록시를 사용하여 트래픽 감시를 하므로 프록시 설정을 해주어야 한다는 점 입니다. 특히, 회사에서는 https 트래픽도 감시를 하므로 인증서도 설정해 주어야 합니다. 그런데 문...
  • [Node.js] Redis 의 hmset
    Redis 의 hmset 사용하기 var redis = require('redis'); var client=redis.createClient(포트,호스트,null); /* * MySQL을 사용하다가 Redis를 사용해보니 신세...

Blog Archive

  • ►  2023 (1)
    • ►  1월 (1)
  • ►  2022 (10)
    • ►  12월 (1)
    • ►  11월 (3)
    • ►  9월 (1)
    • ►  8월 (1)
    • ►  6월 (2)
    • ►  3월 (2)
  • ▼  2021 (9)
    • ▼  12월 (3)
      • Burpsuite 에서 Error 1020 Access denied 에러 날 때
      • 윈도우에서 NVM 으로 nodejs 버전 관리하기
      • VS Code 이쁘게 세팅하기
    • ►  11월 (1)
    • ►  6월 (1)
    • ►  5월 (2)
    • ►  4월 (2)
  • ►  2020 (12)
    • ►  10월 (1)
    • ►  9월 (2)
    • ►  7월 (1)
    • ►  6월 (1)
    • ►  5월 (5)
    • ►  4월 (1)
    • ►  2월 (1)
  • ►  2019 (14)
    • ►  10월 (2)
    • ►  7월 (1)
    • ►  3월 (4)
    • ►  2월 (2)
    • ►  1월 (5)
  • ►  2018 (14)
    • ►  12월 (2)
    • ►  11월 (4)
    • ►  10월 (1)
    • ►  8월 (2)
    • ►  5월 (4)
    • ►  1월 (1)
  • ►  2017 (12)
    • ►  10월 (2)
    • ►  9월 (9)
    • ►  5월 (1)
  • ►  2016 (8)
    • ►  10월 (2)
    • ►  8월 (1)
    • ►  6월 (1)
    • ►  1월 (4)
  • ►  2015 (6)
    • ►  12월 (3)
    • ►  10월 (1)
    • ►  6월 (1)
    • ►  5월 (1)
  • ►  2014 (10)
    • ►  11월 (1)
    • ►  9월 (1)
    • ►  7월 (1)
    • ►  6월 (1)
    • ►  5월 (3)
    • ►  4월 (1)
    • ►  3월 (2)
  • ►  2013 (28)
    • ►  12월 (3)
    • ►  11월 (6)
    • ►  10월 (6)
    • ►  9월 (6)
    • ►  8월 (1)
    • ►  7월 (3)
    • ►  6월 (3)

구독

글
Atom
글
댓글
Atom
댓글

로드 중입니다...

각오

직접 해보지 않은 것은 포스팅 하지 않겠습니다.

Copyright © 김보안의 블로깅 | Powered by Blogger
Design by Hardeep Asrani | Blogger Theme by NewBloggerThemes.com | Distributed By Gooyaabi Templates