본문 바로가기

vscode6

VScode - extension 오프라인으로 설치하기 vscode extension 을 vscode 내부에서 설치했었는데, 이번에 오프라인으로 설치해보고자 한다 :)생각보다 매우 쉬워서 공유하고자 한다.     1. vscode  마켓플레이스 사이트에 들어가서 extension  다운받기https://marketplace.visualstudio.com/  2. extension  폴더에 다운받은  파일 넣어주기요부분은 필수는 아니지만 extension 들끼리 모여있으라고 넣어주었다.  3. vscode - 왼쪽하단의 설정버튼 -  Command Palette  클릭해주기   4. install from VSIX 검색해서 클릭하면 파일 탐색기가 나온다 :) 파일 선택해주기   5. 잘설치가 되었다! 2024. 7. 26.
VScode - Python 설치하기 파이썬 설치를 위한 간단한 포스팅이다 :) vscode 에서는 파이썬을 사용할 수 있도록 extension 을 지원해준다 1. 아래처럼 인스톨해주자 (나는 이미 설치했기 때문에 버튼이 uninstall 로 뜬다) 2. 터미널에서 버전을 확인해보니 잘 설치되었다 2024. 2. 23.
VScode - 저장시(ctrl + s) 코드 자동 정렬하기 (멈추지않는) 공부를 하기 위해서 프로젝트 셋업을 하고 있다. 일단 자동정렬은 내 손가락과 일부이기 때문에 없어서는 안될 기능이다. 세팅방법을 잊어버려서 셋업을 먼저 해보려고 한다. 1. Format on Save 설정해보기 vscode - setting 탭으로 들어가자 ( ctrl + , ) format 검색해주고 Format on Save 체크되어있는지 확인해준다 2. Default Formatter 설정해보기 그래도 변화가 없다면? default 를 검색해서 Default Formatter 을 Prettier 로 설정해주자 아 - 주 잘된다😃😃😃 그래도 안된다면 vscode 를 끄고 다시 켜보기 2023. 7. 5.
VScode - 탭간격 설정하기 코드를 작성할 때 개인적으로 2줄 들여쓰기를 선호하는 편이다. 하지만 기본값이 4칸 들여쓰기가 되있는 바람에 항상 새 파일을 만들 때마다 귀찮음을 극복하고 설정해줘야만 했다. 이제 귀찮음이 극에 달했다. 아예 기본값을 바꿔보도록 하자. So, now it's time to set tap-size up ! 설정하러 가즈아 VScode - 탭간격 설정하기 1. [File] - [Preference] - [Settings] 로 들어가자 2. 스크롤 굴려 내려가면 Tab Size 가 보인다. 숫자를 변경해주자 ! 그럼 끝 (바로 적용 안되면 vscode 껏다 켜보자) ** Hoxy 탭 키로 들여쓰기 하고 싶다면? 스크롤 좀만 더 내려서 요것도 같이 체크해주기 2022. 2. 26.
VScode - extension 으로 MySQL DB 연결하기 프론트도 DB를 확인하며 작업을 하기 때문에 지금까지는 터미널에서 직접 들어가 확인하였다. (허나 가시성이 전 ~혀 없어 매우 불편했는데... 🥲 ) 왜 이걸 몰랐을까 mysql 용 vscode extension 이 있다는 사실을 알게 되었다. 이로써 아주 간편하게 DB를 확인할 수 있게 되었다. VScode extension 으로 MySQL DB 연결하기 자, 그렇다면 visual studio code 에서 MySql DB 를 연결해서 사용해보자 1. extension tab을 열어 MySQL을 install 한다. 2. 설치 후 왼쪽 메뉴바에서 mySQL 아이콘 클릭하면 아래와 같은 화면이 펼쳐진다. 상단의 [+] 버튼을 누른 후 빨간박스 안의 정보를 임력해주자. [connect] 버튼을 누르면 DB.. 2022. 1. 5.
React - .prettierrc 파일 적용하기 비주얼 스튜디오 코드 (Visual Studio Code)에서 리액트 프로젝트에 .prettierrc 파일 적용하기 여러 사람과 협업이나 회사에서는 코드 스타일을 통일해야 하는 경우가 생긴다. 1 .prettierrc 파일을 프로젝트 최상단에 만들기 2 ctrl + , 를 눌러 setting을 열어주고 Format On Save 검색 + 체크 ! 2021. 3. 11.
반응형