간단하게 정리한 내용보고, 필요한 부분은 시간 클릭해서 보세요. (대부분 짧아서..)

 

⏳ (

) Firacode Font and Ligature

Fira Code Font https://github.com/tonsky/FiraCode

   === >= 를 다른 기호로 보여줌. 참조

hasklig https://github.com/i-tu/Hasklig

 

⏳ (

) Split Editors

에디터 화면 분할 : CMD+\

탭 화면 선택 CMD+1, CMD+2, CMD+3 등으로

 

⏳ (

) Refactoring with vscode

 

⏳ (

) HTML & emmets

Html 태그 Auto Rename 세팅에서 체크

Auto Rename Tag 익스텐션도 설치

 

⏳ (

) css and bootstrap

bootstrap font  관련 익스텐션 설치 (font awesome 4, 5 도 설치 됨)

 

⏳ (

) Git support on vscode

CTRL+Shift+G 를 누르면 변경된 파일 리스트를 볼수 있음

오른쪽위의 three dot을 눌러서  inline view를 누르면 깃헙처럼 합쳐져서 보임.

메뉴의 three dot 메뉴에서는 commit도 할 수 있고,  Un commit도 가능합니다.

⏳ (

) Emoji Sense

익스텐션 emojisense 설치

CMD+I는 이모지를 직접 입력하고

CMD+Shift+I는 텍스트로 입력됨.

⏳ (

) Share code on twitter

익스텐션 polacode를 설치하면 원하는 부분의 코드를 png 파일로 만들어 줌. (하이라이트가 지원안되는 곳에 쓰면 편할 것 같음)

⏳ (

) Markdown Mastery

CMD+Shift+V를 누르면 마크다운(readme.md) 파일을 미리 보기 가능함

breadcrum 을 이용하면 긴 마크다운에서 유용함

익스텐션 Markdown All in one을 설치

익스텐션 Markdown Preview Github Styling

⏳ (

) Intellisense for JavaScript

타이핑하면 자동으로 나옴.  안나올때에는 CTRL+Space로..

CMD+click을 누르면 Snippet이 나옴

Shift+ALT+F12를 누르면 몇개가 사용되었는지 체크

⏳ (

) Add any cdn from cdnjs

익스텐션 cdnjs설치하면

html에 쉽게 cdn 링크를 찾아서 넣어 줄수 있습니다.

⏳ (

) Bracket Pair Colorizer

익스텐션 Bracket Pair Colorizer 2를 설치 (뉴 버전임.)