목록Visual Studio Code (10)

자바강사 낙자쌤

VSCode 유용한 확장 프로그램 - 개발할 때 지루함을 덜어주는 Power Mode

개발할 때 지루함을 덜어주는 vscode 확장 프로그램 power mode 설치 및 설정법에 대해 알아보겠습니다. 설치 후 설정을 해야 동작한다. 위에서 톱니바퀴를 클릭한 후 Extension Settings 를 클릭합니다. Powermode : Enabled 항목을 체크한다. 그래야 효과가 적용됩니다. Powermode : Enable Shake 항목은 체크 해제합니다. 이부분이 체크되어 있으면 에디터 전체가 흔들려서 눈이 피로합니다. Presets 에서 파워모드의 효과를 선택할 수 있습니다.
Development Tools 2022. 5. 5. 12:46
VSCode 유용한 확장 프로그램 - Explorer 창에서 폴더나 파일을 좀 더 세련된 아이콘으로 표현해주는 Material Icon Theme

Explorer 창에서 폴더나 파일을 좀 더 세련된 아이콘으로 표현해 줍니다. 또한 Depth도 조금 더 깊어집니다. 적용전 적용후 적용이 안된다면 메뉴 > Preferences > File icon Theme 선택창에서 “Material Icon Theme”를 선택합니다. 그럼 적용된것을 볼 수 있습니다.
Development Tools 2022. 5. 5. 12:42
VSCode 유용한 확장 프로그램 - 메서드(함수) 블럭을 컬러풀하게 표시해주는 Bracket Pair Colorizer

코드 작성시 메서드(함수)를 많이 생성하게 되는데 블럭으로 지정된 중괄호 부분을 컬러풀하게 표시해줍니다. 설치 전 코드 설치 후 코드
Development Tools 2022. 5. 5. 12:34
VSCode 유용한 확장 프로그램 - 로컬 웹서버 localhost로 바로 실행하는 Preview on Web Server

지금 작성중인 HTML 파일을 로컬 웹서버로 즉시 실행할 수 있습니다. 실행은 편집기에서 우클릭 후 vscode-preview-server 를 클릭한다. 만약 포트충돌로 정상적으로 실행되지 않는다면 톱니바퀴를 눌러 메뉴에서 Extension Setting으로 들어갑니다. 설정 메뉴에서 포트번호를 변경합니다. 포트번호는 0부터 65535까지의 16비트 범위의 숫자로 되어 있습니다만 대부분 4자리로 사용하므로 9999이하의 정수를 선택하시면 됩니다.
Development Tools 2022. 5. 5. 12:20
VSCode 유용한 확장 프로그램 - Eclipse Keymap

각 프로그램들은 자신만에 단축키가 존재합니다. MS 프로그램도 역시 마찬가지입니다. 그런데 사실 단축키 맵핑은 비주얼 스튜디오 쪽이 좀 더 편하지만 우리가 외운 단축키는 이클립스가 주도한게 많습니다. 그래서 VS코드에서 이클립스 단축키를 그대로 사용할수 있는 확장프로그램을 설치해보겠습니다. 확장프로그램에서 Eclipse Keymap 을 검색한 후 install을 클릭 합니다 json 파일 하나만 바꾸기 때문에 설치가 매우 빠릅니다. 설치 후 Eclipse에서 사용하던 단축키를 사용해보세요. 새로운 도구에 익숙해지는것도 좋지만 구관이 명관입니다. ^^ 끝~~
Development Tools 2022. 5. 5. 12:06
VSCode 터미널 오픈시 디폴트 설정 [ Visual Studio Code 터미널 ]

하단에 창이 없을경우 메뉴 > Terminal > New Terminal 을 클릭합니다. VS Code에서 터미널 작업을 위해 창을 열면 아래와 같이 PowerShell이 디폴트로 설정되어 있습니다. 설정으로 들어갑니다. 검색창에 “shell window”라고 입력합니다. 그러면 터미널 설정 부분에서 Command Prompt 를 선택하면 됩니다. 설정이 완료되었다면 VS code를 재시작 합니다. 다시 한번 터미널을 실행하면 cmd로 설정되어 있는것을 볼 수 있습니다.
Development Tools 2022. 5. 5. 12:03
Visual Studio Code (vscode) 초기 설정으로 되돌리기 (설정초기화)

최근 개발자들은 VS code를 많이 사용합니다. 사실 저도 학원에서 강의하면서 과정의 절반은 VS-Code를 사용하는것 같네요. 사용하다보면 단축키가 제대로 안되거나해서 초기화를 하고 싶은 경우가 있습니다. 하지만 단순히 프로그램을 삭제하는 것 만으로는 초기화를 할 수 없습니다. 이유는 설정값들이 사용자 폴더에 그대로 남아있기 때문입니다. 내가 직접 한 설정이라면 변경할 수 있겠지만, 여러가지 확장 프로그램의 설치를 통해 변경된 설정은 찾기도 힘들고 변경하기도 힘들죠. 그래서 이럴때는 완전히 초기화 시켜주는것이 좋습니다. 우선 사용자 폴더로 이동합니다. 윈도우 탐색기에서는 사용자로 나오지만 실제 경로는 Users입니다. 아래 2개의 경로를 찾아 폴더를 삭제합니다. C:\Users\user\.vscode..
Development Tools 2022. 2. 26. 17:12
VScode 에서 github 사용하기3 - git 명령어 사용(readme추가O)

VSCode 에서 github을 연동할때 readme.md 파일이 있을때와 없을때 조금 틀린 부분이 있다. 이 부분때문에 연동시 나름 애를 먹고있는 개발자들이 있을듯 해서 2가지를 나눠서 포스팅 해보려 한다. 먼저 원격저장소 생성시 readme.md 파일을 추가한 상태에서의 연동방법이다. [바로가기]VScode 에서 github 사용하기2 - 원격저장소 생성시 readme.md 추가하지 않았을때 README.md 파일 추가 후 git 저장소 생성시 github에서 원격저장소를 생성한다. 이번에는 README 파일을 추가한 상태로 생성해 보겠다. 그러면 초기 페이지에서는 아래와 같이 출력된다. VSCode에서 index.html 파일을 생성한다. 내용은 아무렇게나 하면 된다. 터미널을 실행한 후 Git B..
Development Tools 2021. 9. 26. 11:17
이전 Prev 1 2 Next 다음