SIR
KCP 창업 지원, 수수료 국내최저 2.9% 제공 이벤트!

VSCODE 강의 #3 > JS프레임워크

JS프레임워크

VSCODE 강의 #3 정보

기타 VSCODE 강의 #3

본문

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

 

⏳ (02:01:03) Firacode Font and Ligature

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

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

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

 

⏳ (02:06:39) Split Editors

에디터 화면 분할 : CMD+\

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

 

⏳ (02:08:24) Refactoring with vscode

 

⏳ (02:13:08) HTML & emmets

Html 태그 Auto Rename 세팅에서 체크

Auto Rename Tag 익스텐션도 설치

 

⏳ (02:22:51) css and bootstrap

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

 

⏳ (02:28:11) Git support on vscode

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

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

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

2038410394_1605918570.368.png

⏳ (02:34:57) Emoji Sense

익스텐션 emojisense 설치

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

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

⏳ (02:36:55) Share code on twitter

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

⏳ (02:38:57) Markdown Mastery

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

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

익스텐션 Markdown All in one을 설치

익스텐션 Markdown Preview Github Styling

⏳ (02:47:37) Intellisense for JavaScript

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

CMD+click을 누르면 Snippet이 나옴

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

⏳ (02:53:19) Add any cdn from cdnjs

익스텐션 cdnjs설치하면

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

⏳ (02:55:34) Bracket Pair Colorizer

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

추천1

댓글 2개

전체 160 |RSS
JS프레임워크 내용 검색

회원로그인

진행중 포인트경매

  1. 참여4 회 시작20.11.23 11:40 종료20.11.28 11:40
  2. 참여9 회 시작20.11.22 19:25 종료20.11.29 13:25

(주)에스아이알소프트 (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT