자동 줄 바꿈

Alt + z (Toggle)

메뉴바 표시

Alt

setting창 열기

mac: cmd + ,
windows: ctrl + ,

파일이나 디렉토리에서 마우스 오른쪽키를 클릭했을 경우 연결

순서

1. 아무곳에나 vsCodeOpenFolder.reg 파일을 만든다
2. 아래 코드를 방금 만든vsCodeOpenFolder.reg파일에 복사 붙여넣는다.
3. vsCodeOpenFolder.reg파일을 오른쪽 클릭해서 맨위에 있는 병합을 클릭하면 된다.

Windows Registry Editor Version 5.00
; Open files
[HKEY_CLASSES_ROOT\*\shell\Open with VS Code]
@="Edit with VS Code"
"Icon"="\"C:\\Program Files\\Microsoft VS Code\\Code.exe\",0"
[HKEY_CLASSES_ROOT\*\shell\Open with VS Code\command]
@="\"C:\\Program Files\\Microsoft VS Code\\Code.exe\" \"%1\""
; This will make it appear when you right click ON a folder
; The "Icon" line can be removed if you don't want the icon to appear
[HKEY_CLASSES_ROOT\Directory\shell\vscode]
@="Open Folder as VS Code Project"
"Icon"="\"C:\\Program Files\\Microsoft VS Code\\Code.exe\",0"
[HKEY_CLASSES_ROOT\Directory\shell\vscode\command]
@="\"C:\\Program Files\\Microsoft VS Code\\Code.exe\" \"%1\""
; This will make it appear when you right click INSIDE a folder
; The "Icon" line can be removed if you don't want the icon to appear
[HKEY_CLASSES_ROOT\Directory\Background\shell\vscode]
@="Open Folder as VS Code Project"
"Icon"="\"C:\\Program Files\\Microsoft VS Code\\Code.exe\",0"
[HKEY_CLASSES_ROOT\Directory\Background\shell\vscode\command]
@="\"C:\\Program Files\\Microsoft VS Code\\Code.exe\" \"%V\""

Note: 위 코드에서 C:\\Program Files\\Microsoft VS Code 이 부분을 본은 VS code 위치로 바꿔줘야한다.

Tip : 아래 파일을 다운받아 위에 Note처럼 경로만 바꿔주면 된다.

• vscodeopenfolder.zip

Alt단축키로 표시한 메뉴바 고정시키기

메뉴바 View - Appearance - Show Menu Bar 토글 체크

• Material Theme
• Material Icon
• Prettier
• Bracket Pair Colorizer/
• Indent Rainbow
• Auto Rename Tag
• CSS Peek
• HTML CSS SUPPORT
• Live Server
• Mark Down Preview
• HTML to CSS autocompletion
• StandardJS - JavaScript Standard Style

비쥬얼 스튜디오 코드 설치 및 웹 개발을 위한 필수 익스텐션 10개 추천 by 엘리

웹사이트 빨리 만드는 지름길 Emmet, HTML 빠르게 마크업하기 by 엘리

Emmet - the essential toolkit for web-developers

kite-드림코딩 by 엘리 - AI기반 코드 자동 완성 툴

Terminal 실행

• 상단 View > terminal 클릭 아래화면에 보여집니다.

cmd 설정

• cmd창에서와 같이 명령어 실행이 안됩니다.
  

• 이유는 위와 같이 powershell로 되어 있기 때문입니다.
• Ctrl + Shift + P 키를 눌러 Command Paletter를 엽니다.
• 그 후 Terminal: Select Default Shell를 > Command Prompt 선택
• vsCode를 껏다 키면 위 이미지 select box에 cmd가 나옵니다.
• cmd 선택 후 명령어를 치면 window cmd와 같이 동작됩니다.

• Right click on Windows folder and open with Visual Studio Code
• Visual Studio Code의 Java 확장을 이용한 간단한 프로젝트 구축
• VS Code Windows용 단축키
• JavaScript Standard Style