티스토리 뷰

개발환경/vscode

vscode

안양사람 2021. 1. 8. 00:30
728x90
SMALL

1. Material Theme, Material Icon Theme

  • 설명 : VS Code 테마 및 아이콘 변경하는 플러그인
  • Material Theme 사용법 : 설치 후 왼쪽 하단 설정 아이콘(톱니바퀴) 클릭 > Color Theme 에서 Material Theme 관련 테마 선택
  • Material Icon Theme 사용법 : 설치 후 왼쪽 하단 설정 아이콘(톱니바퀴) 클릭 > File Icon Theme에서 Material Icon Theme 선택

2. Prettier

  • 설명 : 파일 저장 시 알아서 포맷에 맞게 소스 코드가 보기좋게 정렬 됨
  • 사용법 : 설치 후 Setting화면 (Ctrl + ,) 에서 "Format on Save" 입력 후 체크해 줌 (사용안 할 경우 다시 체크 해제)
  • default formatter 검색 후 null이면 esbenp.pretter-vscode로 변경

3. Live Server

  • 설명 : html 소스등의 내용을 실시간으로 서버로 띄워 화면에 표시해준다. html 소스 수정 시 실시간 반영
  • 사용법 : 설치 후 하단의 Go Live 클릭 또는 마우스 오른쪽 버튼 클릭하여 "Open with Live Server" 메뉴 클릭

4. Korean Language Pack for Visual Studio Code

  • 한국인이야

5. indent-rainbow

  • 설명 : 들여쓰기 된 부분에 색깔을 표시 해 줌
  • 사용법 : 설치 후 바로 적용 됨

coderunner ? 왜깔았지

env

eslint

reactjs code snippets

vscode styled components

nunjucks

728x90
LIST

'개발환경 > vscode' 카테고리의 다른 글

prettier, eslint, jsconfig 설정하기  (0) 2021.07.10
vscode 세팅  (0) 2021.06.19
댓글
공지사항