본문 바로가기

반응형

vscode

[vscode] Color Theme - 변수, 객체 색상 바꾸기 Color Theme vscode에서 화면에 보이는 색상을 변경해주는 세팅 vue 작업하다 object.item 이런 식으로 되어 있는 선언되어 있는 변수가 같은 색이라 구분이 잘 안 간다는 느낌을 받아서 찾기 시작 내용 F1(ctrl+shift+p) > Color theme를 선택하면 기본적인 color theme를 바꿀 수 있습니다. 그런데.. 여기서 기본 테마를 적용했는데 몇몇 색상만 바꾸고 싶다 하시는 분들만 이 글을 읽으시면 됩니다. 커스텀 setting(ctrl + ,) 에 가서 color를 검색하면 'Editor: Semantic Token Color Customizations' 이 나옵니다. 여기서 'Edit in setting.json' 클릭 setting.json 에서 기본적인 func.. 더보기
[VSCode] Prettier - 코드를 깔끔하게 정리하기 Prettier란 무엇인가? Code Formatter으로 vscode에서 extensions로 설치가 가능하다. 주요 내용 setting에서 설정해준 값에 따라 파일을 저장할때 마다 자동으로 수정해준다. 예시) 끝에 세미클론을 안붙이고 저장하면 붙여준다 , 탭의 간격은 2로 조정해준다 등 세팅 방법 1. .prettierrc 에 세팅 - tabWidth : 탭 길이 - useTabs : 탭 사용하면 들여쓰기 - endofLine : 마지막 줄에 줄바꿈 - printWidth : 지정 글자수 이상 자동 줄바꿈 - semi : 세미클론 사용 여부 - singleQuote : 기본 쌍따옴표인데 홑따옴표를 사용할지 여부 2. ctrl + shift + p > open settings(JSON) > 아래와 같이.. 더보기

반응형