work

노트패드 |vscode 단축키, 필수익스텐션

jeri 2024. 7. 5. 13:25
반응형

https://ramrider.tistory.com/entry/%EB%85%B8%ED%8A%B8%ED%8C%A8%EB%93%9C-notepad-%EB%8B%A8%EC%B6%95%ED%82%A4-%EC%A0%95%EB%A6%AC

 

노트패드 notepad++ 단축키 정리

노트패드 단축키를 정리하였습니다. notepad를 활용하여 코딩하는 것이 익숙하지 않아 단축키를 자주 찾아보고는 하는데, 이 글을 북마크 하셔서 편하게 활용하시면 좋을 것 같습니다. *노란색 :

ramrider.tistory.com

https://parksh3641.tistory.com/entry/Visual-Studio-Code-VSCode-%EC%9C%A0%EC%9A%A9%ED%95%9C-%EB%8B%A8%EC%B6%95%ED%82%A4-%EA%B0%84%EB%8B%A8-%EC%82%AC%EC%9A%A9%EB%B2%95

 

Visual Studio Code (VSCode) 유용한 단축키 간단 사용법

일반 Ctrl + Shift + P : 명령 또는 설정을 검색할 수 있는 명령 팔레트를 엽니다. Ctrl + Shift + N : 새 창을 엽니다. Ctrl + N : 새 파일을 만듭니다. Ctrl + O : 기존 파일을 엽니다. Ctrl + S ★★★★★ : 현재

parksh3641.tistory.com

 

 

 

 

https://feastforall.tistory.com/238

 

VSCode 익스텐션 필수! 리스트

✔️ VS Code 다운로드&설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is f

feastforall.tistory.com

  • Material Theme
    • 테마 정하기
  • Material icon Theme
    • 아이콘 테마, 아이콘이 좀 더 생동감있게 바뀜
  • Prettier
    • 코드 포멧팅, crlt , 눌러서 setting 창으로 이동
  • Bracket Pair Colorizer
    • 괄호마다 코드에 색깔을 다르게 줌
  • Indent-rainbow
    • 들여쓰기 된 부분을 레인보우컬러로 하이라이트 표시
    • 코드 읽을 때 도와줌
  • CSS PEEK
    • html에서 css를 금방 찾게해줌
    • html에서 커맨드나 컨트롤 키 누른 상태로 클릭하면 정의된 css파일로 이동함
  • Auto rename tag
    • 앞에 태그를 바꾸면 뒤에 태그를 자동으로 바꿔줌
  • HTML CSS SUPPORT
    • css에서 정의된 class를 html에서 자동으로 완성시켜 이용
  • HTML to CSS autocompetion
    • html에서 정의된 class 이름을 css에서 자동으로 완성시켜 이용
  • Live server
    • html이나 css수정 시 브라우저 창에 새로고침하는 것을 없애줌
    • 커맨드 팔레트에 >lvie server: Open with Live Server 입력 후 숏컷키 후 실행
  • Markdown preview
    • command palete키에 검색하면 됨
    • 우리가 작성한 md파일이 어떻게 preview되는지 확인가능
    • 파일을 잡고 드래그하면 윈도우 원하는 곳 배치가능
  • Code runner
    • 자바스크립트 코드의 실행을 VSCODE 내부에서 할 수 있게 지원함
반응형