본문 바로가기

비주얼 스튜디오 코드8

비주얼 스튜디오 코드 - 자동 업데이트 사용하지 않기 / VSCode VSCode update 하지 않기 안녕하세요. 고코더 입니다. ● 1. 비주얼 스튜디오 코드는 기본적으로 자동 업데이트가 기본 설정입니다. 하지만 프로젝트 설정을 할 때 모두가 같은 버전의 개발 프로그램을 사용하거나 자주 바뀌는 게 싫은 분들은 이 설정을 꺼놓는 게 더 유리할 수도 있습니다. (물론 최신 버전의 기능과 안전성은 만나 볼 수 없게 됩니다) ● 2. VSCode를 실행하고 단축키 Ctrl + , 을 키보드로 입력합니다. 이 단축키는 아주 자주 사용할 예정입니다. ● 3. 그리고 환경 설정창에서 "update mode"를 검색합니다. 그러면 업데이트 모드가 나타나고 이는 default로 되어 있습니다. ● 4. 그리고 셀렉트 박스에서 "none"을 선택합니다. 이 옵션은 앞으로 업데이트를 하.. 2021. 1. 12.
비주얼 스튜디오 코드 - 테마(theme) 변경하기 / Color Theme / VSCode VSCode 밝은 테마 선택하기 안녕하세요. 고코더 입니다. ● 1. 비주얼 스튜디오 코드는 기본적으로 다크 테마를 제공합니다. 요즘 출시되는 개발 관련 프로그램은 모두 이렇게 어두운 테마를 기본으로 제공합니다. 그리고 다크 테마 장인은 역시 MS입니다. 그래서 기본 그대로 사용하는 걸 추천하지만 밝은 테마를 선호하는 분들이 있어 오늘은 VSCode의 테마를 변경하는 방법을 알아보겠습니다. ● 2. 비주얼 스튜디오 코드를 실행하고 File > Preferences > Settings를 클릭합니다. 단축키 Ctrl + , 을 누르면 더 쉽게 접근이 가능합니다. ● 3. 그다음 나타나는 창에서 "theme"라고 검색을 합니다. 그리고 메뉴는 Workbench를 클릭합니다. 그러면 오른쪽 화면에 Color T.. 2021. 1. 12.
비주얼 스튜디오 코드 - 무설치, 포터블 버전 다운로드 / 첨부파일 / VSCode visual studio code 압축 버전 안녕하세요. 고코더 입니다. ● 1. 개발자 PC의 꼭 설치되어 있는 에디터 중에 하나는 분명 비주얼 스튜디오 코드입니다. 과거에 에디터 플러스보다 더 인기가 많은 거 같습니다. 그것도 그럴 것이 무료에 좋은 성능 그리고 MS가 만들고 유지 보수하는 프로그램이라는 장점은 안쓸 이유가 없습니다. ● 2. 그래서 저도 이제는 메모장 보다 프로그램을 많이 씁니다. (메모장처럼 쓸 수도 있기에), 그런데 가끔은 다른 컴퓨터에서도 사용하고 싶을 때 설치하기에는 조금 시간이 아까울 때가 있습니다. 그럴 때는 바로 포터블 버전을 들고 다니면 좋습니다. 이러한 무설치 버전도 공식적으로 배포를 하고 있습니다. ● 3. 아래 URL을 접속하면 .zip이라고 되어 있는 항목이 바.. 2021. 1. 12.
비주얼 스튜디오 코드 - Do you mind taking a quick feedback survey / VSCode 비주얼 스튜디오 코드 안녕하세요.고코더 입니다. ● 1. 가끔 비주얼 스튜디오 코드에 뜨는 이 팝업 익숙 하시죠? 물런 대충 읽어봐도 설문조사 팝업이지만 초보자들에게는 이 메세지 하나도 어떤 버튼을 눌러야 할지 고민되는 경우가 있는거 같습니다. 설문저사를 하고 싶으면 "Take Survey'를 클릭합니다. 그리고 다시는 이창을 보기 싫다면 "Don't Show Again"을 클릭합니다.Do you mind taking a quick feedback survey ● 2. 설문조사에 응하면 링크로 보내게 됩니다. OPEN 을 클릭합니다. ● 3. 그럼 비주얼 스튜디오 코드 설문조사가 나타납니다. 아래에 방법에 응하면 됩니다. 10점에 가까울수록 긍정입니다.번역을 좀 해드리자면 1. Visual Studio .. 2020. 8. 14.
비주얼 스튜디오 코드 - VSCODE 설정 초기화 하기 visual studio code 초기 설정으로 돌리기 안녕하세요.고코더 입니다. 비주얼 스튜디오 코드를 쓰다보면 초기화된 상태로 돌리고 싶을때가 있습니다. 하지만 단순히 프로그램을 삭제하는 방법으로는 기존 설정이 그대로 남아 있게 됩니다.그래서 몇가지 방법으로 환경설정 파일을 정리해줘야 합니다. ● 1. 우선 자신의 컴퓨터에 아래 폴더로 이동합니다. user는 자신의 사용자 이름입니다. 그럼 아래와 같이 .vscode라는 폴덕가 나타나는데 이걸 지우면 됩니다.C:\Users\user\.vscode ● 2. 다음은 AppData에서 Code라는 폴더까지 진입해서 안에 있는 내용을 모두 삭제합니다.C:\Users\user\AppData\Roaming\Code ● 3. 그 다음 프로그램을 삭제하고 다시 설치.. 2020. 8. 4.
비주얼 스튜디오 코드 - 처음 상태로 시스템 초기화 하기 / VSCode visual studio code reset 안녕하세요. 고코더 입니다. 비주얼 스튜디어 코드는 재설치를 하여도 이전 설정이 그대로 남아있습니다. 메뉴에도 초기값으로 되돌리기도 없죠. 코드를 완벽히 지우고 설치하면 초기상태로 돌아가게 됩니다. 설정 값 폴더를 삭제 ● 1. 삭제 -> C:\Users\사용자명\.vscode ● 2. 삭제 -> C:\Users\사용자명\AppData\Roaming\Code 프로그램 삭제후 재설치 ● 3. 이제 프로그램 삭제에서 코드를 삭제합니다. ● 4. 이제 재설치를 진행하면 ● 5. 처음 상태로 변경된 비주얼 스튜디오 코드를 볼 수 있습니다. 마무리 초기화는 필수인데 기능을 만들어줬으면 2019. 12. 1.
Node.js - 비주얼 스튜디오 코드(VSCode)에서 노드 디버깅하기 VS Code에서 debugging 안녕하세요. 고코더 입니다. 이번 시간에는 노드를 실행하고 이 후에 디버깅 하는 방법을 알아봅니다. 최근에 나오는 IDE 개발 프로그램들은 기본적으로 디버깅 환경이 구축 되어 있습니다. MS가 만든 비주얼 스튜디오 디버깅 기능은 강력합니다. 이 기능의 차등을 두어 가격을 달리할 정도 인데요. 무료 프로그램 vscode도 필수적이고 꼭 필요한 디버깅 기능을 마련해두었습니다. 디버깅 방법 개발 프로그램에서 디버깅은 필수적이면서 가장 중요한 역할을 합니다. 이 역시도 VSCode에서는 쉽고 간편하게 사용이 가능합니다. ● 1. VS Code에서는 디버깅 기능을 제공합니다. 라인 왼쪽에 빨간 점을 찍어주면 해당 부분에서 프로그램 실행이 중단되어서 디버깅이 가능합니다. ● 2... 2019. 11. 27.
비주얼 스튜디오 코드 - 시스템 한글로 변경하기 /한국어패치 / VSCode VS Code 한글로 UI 바꾸기 안녕하세요 고코더 입니다. VSCODE를 설치하면 기본으로 영어로 설정이 되어 있습니다. 저는 영어로 된 IDE 사용을 추천하지만 불편하신 분들을 위해 기본 언어를 한글로 변경하는 방법을 알아보겠습니다 ● 1. 비주얼스튜디오코드를 실행 후에 왼쪽에 확장프로그램 아이콘을 클릭한 후에 Korean이라는 키워드로 검색을 합니다. 그리고 나오는 맨위에 "Korean Language Pack for VS Code"를 install 합니다. ● 2. 그럼 즉시 설치가 완료되고 VS CODE를 재스타트 하는 메세지가 나타납니다. ● 3. 재시작된 프로그램은 한글화가 완벽하게 되어 있습니다. 마이크로소프트가 만들어 배포하는 Pack이기에 당연한거 같네요. 마무리 IDE 시스템에 영어는.. 2019. 11. 26.