코딩 필수 프로그램! 만능 코드 에디터 Visual Studio Code의 모든 것 | 설치, 세팅, 추천 플러그인, 유용한 단축키
ฝัง
- เผยแพร่เมื่อ 11 ก.ค. 2024
- 2023년 Stack Overflow 선정 가장 인기 있는 개발환경 1위!
만능 코드 에디터 Visual Studio Code를 설치, 세팅, 추천 플러그인, 유용한 단축키까지 모두 소개해드립니다.
[Visual Studio Code 공식 사이트]
code.visualstudio.com/
[D2Coding 깃허브 사이트]
github.com/naver/d2codingfont
파인데브는 효율적이고 재미있는 개발 강의를 지향합니다.
FINEDEV
00:00 - 소개
00:27 - 설치
01:02 - 세팅 시작
01:12 - 세팅 1: 자동 저장 설정
01:33 - 세팅 2: 폰트 변경
02:53 - 세팅 3: 줄바꿈 설정
03:28 - 추천 플러그인 시작
03:56 - 플러그인 1: IntelliCode
04:11 - 플러그인 2: indent-rainbow
04:23 - 플러그인 3: Image preview
05:04 - 플러그인 4: GitHub Theme
05:32 - 플러그인 5: Material Icon Theme
05:45 - 플러그인 6: Prettier
06:15 - 플러그인 7: Live Server
06:36 - 단축키 시작
06:44 - 단축키 1: 저장
07:03 - 단축키 2: 코드 이동
07:12 - 단축키 3: 코드 복사
07:22 - 단축키 4: 코드 삭제
07:31 - 단축키 5: 주석 처리
07:41 - 단축키 6: 빠른 파일 열기
07:57 - 마무리
#파이썬 #자바 #C언어 #자바스크립트 #강의 #코딩 #편집기 #coding #vscode - วิทยาศาสตร์และเทคโนโลยี
![[#langchain 밋업 발표] R.A.G. 우리가 절대 쉽게결과물을 얻을 수 없는 이유](http://i.ytimg.com/vi/NfQrRQmDrcc/mqdefault.jpg)
![[#langchain 밋업 발표] R.A.G. 우리가 절대 쉽게결과물을 얻을 수 없는 이유](/img/tr.png)
![[MPD직캠] 베이비몬스터 직캠 8K 'FOREVER' (BABYMONSTER FanCam) | @MCOUNTDOWN_2024.7.11](http://i.ytimg.com/vi/ylRx8QOuGXo/mqdefault.jpg)
친절한 설명 감사합니다. 많은 도움이 되었습니다.
유용한 플러그인에 대해서 알 수 있어서 좋았습니다. 감사합니다.
와 이런 좋은 꿀팁! 감사합니다 !
와.. 도움이 많이 되었습니다.
감사합니다.
꿀팁이네요 특히 같은 라인은 색깔 나오게 하는것은 정말 꿀팁인것같네요...
자동저장도 꿀팁이긴한데.. 현업에서는 말씀하신대로 포맷팅이 바로 안되는 문제가 있어서.. 그냥 Ctrl + s단축키로 합니다.
다음에도 좋은정보 공유 부탁드려요~~
너무 좋은 꿀팁이에요ㅠㅠ 비주얼 스튜디오 입문 3일차인데 덕분에 편한 세팅하고 시작하네요! 감사합니다!
아 저 그리고 선생님 영상대로 셋팅했는데 궁금한게 예를들면 html에서 홍길동
맨 앞에 커서를 두고 자동완성으로 문장 앞뒤로 태그를 감싸주는 방법은 없는 걸로 알고 있습니다 ㅠㅠ
다른 방법으로 "htmltagwrap" 익스텐션을 설치해 감싸길 원하는 문장에 블록을 씌운 뒤 Alt + W를 누르면 양쪽으로 태그가 감싸지는 방법이 있습니다.
도움이 못돼 죄송합니다 ㅠㅠ
@@fine_dev 흐음 분명이렇게 썼던기억이있어서요ㅜㅜ 감사합니다!
Ctrl - X 는 삭제시키는게 아니라 [잘라내기] 키라서 Ctrl - X 한다음 붙여넣기 하면 없어졌던 코드가 다시 생깁니다
네 맞습니다!
정확하게는 잘라내기 기능을 하는 단축키가 맞습니다.
잘라내기 기능이 아닌 삭제 기능만을 하는 [Ctrl + Shift + K] 단축키가 있습니다.
하지만 단축키가 손에 잘 안익다보니 [Ctrl + X]를 주로 사용했었는데 이로 인해 부정확한 정보를 알려드린 것 같습니다.
피드백 해주셔서 감사합니다! 😊
Git hub theme 에서 테마를 바꿔도 선생님 과 폰트 색깔이 달라 느낌이 다른데 폰트색깔은 어떻게 바꾸나요?
폰트 색깔만 수동으로 변경하고 싶을 때에는 settings.json 파일에서 변경하셔야 됩니다.
자세한 변경 방법은 velog.io/@ch0jm/VS-code-%EB%B3%80%EC%88%98-%EC%83%89%EC%83%81-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94%EB%B2%95 를 참고해주세요!
파이썬에서 들여쓰기가 중요한 이유를 알 수 있을까요?
대부분의 언어는 { }(중괄호)로 코드 실행 영역을 구분하지만 파이썬은 들여쓰기로 영역을 구분합니다.
이로 인해 들여쓰기를 어느 정도 했는지가 코드 실행 결과에 영향을 미칠 수 있기 때문에 적절한 들여쓰기가 매우 중요합니다.
뭘 만지다가 go live버튼이 없어졌는데 다시 나오게 하는 버튼이 있나요?
Live Server를 지우고 재설치 해보시기 바랍니다.
비주얼 스튜디오 파이썬 하는데 제가 원하는 부분만 실행하는 방법이 없을까요?
할때마다 다나와서요ㅠㅠ
1. Shift + Enter를 누르면 아래에 터미널이 뜹니다.
2. 위에서부터 라인 순서대로 Shift + Enter를 누르면 한줄씩 실행됩니다.
@@fine_dev 그럼 중간부터 하려고하면 중간부분 쉬프트 엔터 누르고 하면 되나요?
@@sinsh1009 네 맞습니다
ctrl + x = 잘라내기
실행 버튼이 사라졌는데 해결 방법이 있을까요
실행 버튼이 있는 메뉴 부분을 우클릭해서 "Reset Menu" 버튼을 클릭해보세요.
태그 다 짜고 만들면 만든 웹사이트 어떻게 볼수있나요? 파일을 찾아도 어디서 봐야하는지 모르겠습니다
Vscode에서 작업한 html 파일을 띄우고 마우스 오른쪽 클릭 - Open with Live Server를 클릭하면 html 파일 결과를 브라우저로 보여줍니다
@@fine_dev 혹사 html기본 설정은 어떻게 해야 하나요?
@@fine_dev 어떨때는 html5가 뜨는데 어떨때는 그냥 html만 나옵니다
@@user-pg4sb7dw5z ! 를 누르고 자동완성 되는 것을 선택하면 html 기본 설정이 한번에 됩니다
@@fine_dev ! 누르면 따로 나오는게 없었어요
쇼이미지 설정에 저거 검색하면 최신버전에서는 안뜨는거같네요 ㅠㅜ
Show Image Preview On Gutter 설정이 안 뜨시는 건가요?
@@fine_dev 맞아요
!
답변이 늦어서 죄송합니다! ㅠㅠ
혹시 VSCode를 껐다 켜도 뜨지 않는건가요?
제가 VSCode 최신 업데이트를 해보고 image preview도 재설치했는데 문제 없는 것을 확인했습니다
finedev10@gmail.com
여기로 스크린샷과 함께 메일로 보내주시면 제가 해결책을 찾아보도록 하겠습니다!
자바스크립트 문법 오타 검증 이 잘 안되서 그러는데 혹시 방법이 있을까요?
예를 들어서 const a = Maaath.floor~ 이럴경우에 Maaath에 오타 표시를 해주는 게 있으면 좋을거 같은데 잘 안되더라구요
Code Spell Checker 라는 플러그인이 있습니다.
오타를 밑줄 표시로 알려주고 변경까지 쉽게 할 수 있습니다.
한번 설치해서 사용해보세요!