Awesome Soo Awesome Soo

vscode

• [VScode] Open a folder or workspace... (File -> Open Folder)

  👩‍💻 개발 도구 및 환경 2023. 2. 7. 16:26

  간단하게 테스트 하고 싶은게 있어서 VScode 새 창을 만들어서 작업된 내용을 띄워 보려고 했다. 사용된 확장프로그램은 'Live Server' 이다. 마켓플레이스에서 Live Server를 찾아 검색 후 설치해준다. 문제 단축키가 생각이 나지 않아서 실행시키고자하는 코드에서 우측 클릭 후 아래와 같이 Open with Live Server 를 클릭 해준다. 단축키는 Atl + L 을 누르고, Alt + O 를 누르면 된다고 되어 있다. 그런데 아무리 해도 서버가 실행이 안된다 ㅠㅠ 해결 이유가 뭔지몰라서 잠깐 헤매다가 오른쪽 아래에 뜬 오류메시지를 나중에 봤다. (급하게 테스트 한다고 대충 작업 창켜고해서 세로 화면의 길이가 너무 길어 안보였다.) Open a folder or workspace.....

  Read More
• [VScode] 쌍따옴표 자동완성 설정 변경

  👩‍💻 개발 도구 및 환경 2022. 10. 19. 09:39

  작은 따옴표(')를 사용했는데 자동완성으로 큰 따옴표(")가 나와서 이를 변경하기 위해 찾아봤다. Ctrl + , 를 눌러 '설정'을 열어주거나, 왼쪽 하단에 톱니바퀴 버튼을 눌러 '설정'을 찾아 열어준다. 설정에서 quote 를 입력해서 Quote Style을 찾아서 single로 바꿔준다. 나는 아래와 같이 사용하는 타입스크립트, JSX 도 변경해주었다.

  Read More
• [vscode] 괄호 색상으로 구분과 색상 변경

  👩‍💻 개발 도구 및 환경 2022. 9. 24. 15:31

  새 pc에 vscode를 다시 설치하니 코드를 보기 좋게 세팅하는 법을 까먹었다.. vscode의 괄호값의 구분이 어려워서 색상의 차이를 두려고 한다. Ctrl + , 를 눌러 '설정'을 열어주거나, 왼쪽 하단에 톱니바퀴 버튼을 눌러 '설정'을 찾아 열어준다. 설정창에서 colorization검색. 체크해주기! 변경전에는 색이 동일하다가 아래와 같이 나온다 🎉

  Read More
• [vscode] 주석 색상 변경

  👩‍💻 개발 도구 및 환경 2022. 9. 24. 11:59

  vscode의 주석이 잘 안보여서 색상을 변경할 것이다. Ctrl + , 를 눌러 '설정'을 열어주거나, 왼쪽 하단에 톱니바퀴 버튼을 눌러 '설정'을 찾아 열어준다. 설정창에서 json 검색. settings.json에서 편집 클릭. 그러면 문서가 열린다. 아래 코드를 입력해준다. "editor.tokenColorCustomizations": { "comments": "#5f84b4" //원하는 색상 색상값은 원하는 걸로 바꿔서 사용하면된다.

  Read More