'vscode' 태그의 글 목록

vscode (4)

[Visual Studio Code] 터미널에서 code 명령으로 실행하기

Coding/개발툴 코딩 알고리즘 2023. 7. 18. 22:44

Terminal 에서 VSCode 실행하기 맥에서 터미널에서 파일을 수정하려면 보통 VIM을 사용합니다. 하지만 VS Code를 사용한다면 쉽게 터미널에서 비주얼 스튜디오 코드로 파일을 수정할 수 있습니다. Mac 터미널에서 텍스트 편집기를 실행해서 빠르게 코딩을 하거나 설정 파일을 수정할 수 있습니다. VS Code 실행하기 ▼ 1. Visual Studio Code를 먼저 실행합니다. 만약 해당 프로그램을 다운받으려면 다음 링크를 통해서 설치합니다. ▼ 2. Command + Shift + P 단축키를 눌러서 명령창을 실행시킵니다. (윈도우의 경우 Ctrl + Shift + P) Code 명령 설치 ▼ 3. 명령창에 shell 이라고 입력합니다. ▼ 4. '셀 명령 'code'가 PATH에 설치되었..

[ Visual Studio Code ] 멀티 커서, 다중 셀렉트 텍스트 선택

Coding/개발툴 코딩 알고리즘 2021. 5. 8. 19:15

요즘은 비주얼 스튜디오 코드를 자주 열어볼 일은 없습니다. 하지만 제가 사용하는 IDE 뿐만 아니라 다른 에디터에 비해서 다중 커서 선택 기능이 좋아서 가끔 사용합니다. 반복적인 노가다를 하기에는 이만한 도구가 없습니다. 물론 좀 복잡한 기능의 경우 파이썬이나 스크립트로 코딩을 해야 하지만 단순한 구조라면 직접 선택해서 수정 조합하는 편이 훨씬 간편합니다. VSCode 에디터는 세로로 여러 줄을 선택해 한번에 입력 및 수정이 가능합니다. 키보드 뿐만 아니라 마우스로도 해당 기능을 지원합니다. 조금 응용을 해서 선택 후 Ctrl 키나 Alt 키의 조합으로 좀 더 다양한 수정 편집이 가능하죠. 다음과 같은 문자열이 있다고 가정하겠습니다. 키보드로 선택하기 Ctrl + Alt + 위아래 방향키 ▼ 1. Ctr..

[ NVM ] 노드.js 기본 (NVM Default) node.js 설정

Coding/노드JS 코딩 알고리즘 2021. 2. 9. 18:45

요즘 Node.js 를 배우느라고 힘들게 공부하고 있습니다. 물론 저와는 전혀 상관 없는 분야이긴 하지만 그냥 재미있어서 합니다. 그런데 좀 특인한게 NVM을 이용해서 node를 선택해서 사용하고 터미널을 종료후 다시 접속하면 이상하게 NVM에서 설정 된 값이 날라가더군요. 그래서 어떤 문제가 있냐면 nodemon 또는 pm2 같은 것들이 동작하지 않습니다. 아마도 node 버전이 맞지 않아서 그렇것 같네요. 그래서 use 명령어를 사용하면 또 잘 됩니다. 아무튼 오늘은 기억에도 남길겸 이 설정이 기본 값으로 설정되게 하는 방법을 포스팅 해보겠습니다. 아주 간단하게 기본 node를 설정할 수 있습니다. ▼ 1. 우선 nvm list 명령을 이용해서 현재 node 설치가 어떻게 되어있는지 확인합니다. $ ..

[ Visual Studio Code ] React 자동완성 설정하기

Coding/개발툴 코딩 알고리즘 2020. 9. 19. 12:46

Visual Studio Code 를 사용해 React 코드를 간편하게 완성시키는 방법이 있습니다. className 이나 태그를 입력하면 자동완성 시키는 방법인데 플러그인 설치 없이 설정에 들어가서 간단히 수정만으로 가능합니다. { "window.zoomLevel": 1, "editor.wordWrap": "on", "workbench.colorTheme": "One Dark Pro", "workbench.iconTheme": "material-icon-theme", "emmet.includeLanguages": { "javascript": "javascriptreact" } } ▼ 1. 우선 VS Code의 하단 설정을 선택합니다. ▼ 2. 설정을 텍스모드로 변경합니다. 다음 코드를 삽입합니다. "e..

1

Copyright © TAP 소프트 All Rights Reserved

Designed by JB FACTORY

티스토리툴바