# vscode
We.TIL 번외 : 터미널에서 Vscode 실행하는 법
백엔드 개발공부를 하면서 VIM을 써야하나, VScode를 써야하나 고민이 많았다. vim같은 경우는 가볍고 터미널내부에서 바로 조작이 가능한 큰 장점이 있었지만, 커맨드가 익숙하지 않았고, Vscode같은 IDE에 비해 기능이 제한적이였다.Vscode의 경우에는 편리
vscode .js 확장자에서 Emmet 기능이 동작하지 않을때
emmet은 HTML의 빠른 마크업을 하기 위해 프론트엔드 개발자에겐 필수적인 도구다.
윈도우에서 Cmder를 VSCode 기본 터미널로 사용하기
윈도우에서 Git Bash를 쓰다가, 좀 더 괜찮은 터미널을 찾아보니 Cmder가 있었습니다. 이를 기본 vscode 기본 터미널로 바꿔봅니다.
Visual Studio Code 필수 익스텐션
비쥬얼 스튜디오 코드 설치https://blog.naver.com/sucoding/222034865884Material Theme(코드 테마 변경)Material Icon Theme(파일 확장자 아이콘 변경)Auto Rename Tag(HTML 태그 이름 자동
VSCode 편리한 단축키
VSCode에서 편리해보이는 단축키를 내가 자주 사용하는 단축키와 유용하다고 생각되는 단축키 순서로 나열해봤다.Ctrl+D //현재 커서 위치의 단어와 같은 단어 하나씩 추가 선택Ctrl+Shift+L //현재 커서 위치의 단어와 같은 단어 모두 선택Sh
VSCode 유용한 세팅
File > Preferences > Settings(단축키:Ctrl+,)로 VSCode의 설정 화면으로 들어갈 수 있다.VSCode는 설정 항목을 화면을 내리며 일일이 찾지 않아도 되도록 편리한 검색 기능을 제공한다.아래 키워드를 검색창에 입력하여 설정을 바꿔보자.창
VScode Live Server '페이지가 작동하지 않습니다' 오류 해결 방법
코세글자 때문에 작업환경이 바뀌어서 VScode를 새로 설치했다. 잘 쓰고 있던 익스텐션들 다시 깔고 테스트해보는데 Live Server 익스텐션이 되질 않는 것!! '페이지가 작동하지 않습니다.'가 뜨고 실시간으로 볼 수가 없었다.https://stackov
TIP) React 코드 자동 정렬하기
VScode에서 기본적으로 제공하는 단축키자동으로 해당 파일의 코드가 정렬 된다.가끔 안되는 경우가 있다. 자동정렬 단축키가 잘 되지 않는 경우 플러그인을 통해서 자동정렬이 가능해진다.단축키 없이 그저 저장을 하는 것만으로도 자동정렬이 가능하다.설치를 하면 바로 적용이
VS import 자동불러오기
프로젝트 최상위 디렉토리(package.json, .gitignore) 에 jsconfig.json 에 아래내용을 넣어 생성한다. jsconfig.json 만들고 ctrl+space 입력하면 아래내용이 자동생성된다.
.prettierrc
프리티어를 vscode extention으로 사용하고 있었다. 그런데 협업을 하면서 single quote나 double quote나 tab width 등을 정하지 않고 하면 전체적인 코드스타일이 다르게된다. 모두가 extension을 설치한것은 아닐수 있으니, 내장파일로 설정해 주면 좋을것 같다.
[환경설정] VScode extensions
prettier: 코드 스타일을 자동으로 정리(설치함)Eslint : 자바스크립트 문법 및 코드 스타일을 검사(설치함)git history: 파일이 생겼났을 때부터 지금까지의 깃 허브 커밋 변경 과정을 볼 수 있음(설치함)open in browser : html 같은
EC2 인스턴스 VSCode로 연결하기
EC2 인스턴스에 접속하면, 터미널에서 코드를 수정할 수 있다.불편하기 때문에 Visual Studio Code를 EC2 인스턴스에 연결하여 이후에는 코드를 작성하고 수정하는 방법을 알아보자.extensions에서 ftp-simple 파일을 찾아서 설치한다.comman