IT_susu

vscode extension setting 본문

computer science

vscode extension setting

고베베 2018. 4. 30. 14:11

1. Active File in StatusBar

vscode 아래쪽에 파일의 경로를 알려줌.


2. Auto Close Tag

자동으로 닫힘 태그를 생성해 줌.


3. Auto Rename Tag

이름을 바꾸면 닫히는 태그까지 같이 자동으로 바꿔줌


4. Document This

ctrl + alt + d 를 누르면 그 문서가 어디있는지 보여줌


5. Git History(git log)

깃 연결할 때 로그 저장


6. HTML Snippets

내가 저장해 놓았던 코드 양식을 불러옴


7. HTMLHint

html 오류 잡아주기


8. JavaScript Snippet Pack

javascript 자주쓰는 문법 단축키 


9. jshint

js 오류 잡아주기


10. Live HTML Previewer

sidebar에서 실시간 html 미리보기


11. Path Intellisense

디렉토리 경로와 파일 자동 완성 기능


12. Spelling and Grammar Checker

말 그대로.. 스펠링과 문법 체크


13. View In Browser

브라우저 보기. ctrl + f1




-------

지금 내가 사용하진 않지만 추천받았던 extensions


Auto-Open Markdown Preview

마크다운 사용할 때 미리보기 기능

Markdown Shortcuts

마크다운 단축키

markdownlint

마크다운 문법검사 

Color Picker

# 쓰고 컬러픽커 선택해서 색 선택 가능

Debugger for Chrome

크롬 개발자 도구의 디버거와 같은 기능을 vscode에서 구현

Hasher

hash로 바꿔줌





'computer science' 카테고리의 다른 글

시멘틱 웹이란?  (0) 2018.06.11
점진적 향상법과 우아한 성능저하법  (0) 2018.06.11
크로스브라우징, 크로스플랫폼  (0) 2018.04.29
html, css, js의 역할  (0) 2018.04.29
웹프론트엔드란?  (0) 2018.04.29
Comments