비쥬얼 스튜디오 코드 신규 기능 + 필수 익스텐션 추천
ฝัง
- เผยแพร่เมื่อ 19 ก.ย. 2024
- 비쥬얼 스튜디오 코드에 추가된 꿀같은 신규 기능과 필수로 설치해야 할 익스텐션에 대해 소개해 드립니다. (↙ 자세한 내용)
___________________________
💡 풀스택 개발 로드맵 ⇢ academy.dream-...
🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
academy.dream-c...
.....................................................
🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요.
✨ 관련된 영상들
기본 익스텐션 10가지 ⇢ • 비쥬얼 스튜디오 코드 설치 및 웹개발을 ...
단축키 정리 ⇢ • 비쥬얼 스튜디오 코드 필수 단축키 정리 ...
깃 개념 6분 정리 ⇢ • 깃, 깃허브 이건 알고 사용하자
깃 한시간 강의 ⇢ • 깃, 깃허브 제대로 배우기 (기본 마스터...
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
• 프론트엔드 강의 - 프론트엔드 개발자 되...
📒 자바스크립트 기초 강의 영상 목록:
• 자바스크립트 기초 강의 (ES5+): 같...
💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
• 개발자라면 누구나 알고 있으면 좋은 지식 💡
💰 개발자 경력 관리 영상 목록:
• 승승장구 커리어 관리 🚀
📈 IT 트렌드
• IT 트렌드 📈
📷 개발자 브이로그
• 개발자 브이로그 📷
🤗 생산력 향상 팁
• Tech & Tools ❤️
.....................................................
#코딩#웹개발#비쥬얼스튜디오코드
저 같은 경우에는 GitLens가 보기 불편해서 "Git Graph"를 대신 사용하고 있습니다. 상대적으로 깔끔해서 보기 편하더라고요.
아래 extension들도 추천합니다.
Material Icon Theme
indent-rainbow
Open Folder Context Menus for VS Code
Path Intellisense
수많은 개발자들의 귀차니즘이 확장으로 구현되었다. 감사합니다.
ctrl + d 의 경우 누를때마다 우측 상단에 대소문자 아이콘이 나옵니다. 거기서 대소문자 골라 주면 대소문자 구분이 가능합니다. 아니면 ctrl + f를 눌러서 대소문자 구분을 먼저 해준 후에 다시 ctrl + d 눌러서 선택해도 되구요
대박..Multiple cursor case preserve 보자마자 잠이 확 깼어요!!! 정말 저에게 필요한 기능이라 바로 설치했어요 감사해요 엘리님!! 🤩
comment를 색깔별로 남기고 싶다면 Better Comments
데이터 확인할 때 엑셀도 열어보고 싶다면 Excel Viewer
gitignore 추가할 때 많이 쓰는 템플릿을 한번에 넣고 싶다면 gitignore
todo 를 tree로 모아보고 싶다면 todo tree
이쁜 아이콘을 쓰고 싶다면 vscode-icons
마이크로소프트 정식 extension말고 서드파티 extension 중 쓸만한거 넣어봤어요.
와 셋팅 gist에 복사해놓는거랑 멀티커서 는 진짜 너무 꿀이네요... 저도 잘 사용하고 있는 익스텐션 하나 추천 드리면
"project manager"라고 vscode에서 작업하다가 다른 프로젝트의 코드를 보고싶다거나 하게되면 vscode열고 폴더찾고 해야되는데 이건 프로젝트별로 다 저장돼있어서 프로젝트 매니저에 등록만 시켜놓으면 언제든지 바로 특정 프로젝트 코드로 옮겨 갈 수 있는 개인적으로 너무 꿀 익스텐션 이여서 추천드립니다
감사합니다!
오! 몰랐던 익스텐션이네요!! 추천해 주셔서 감사합니다 ✨
와드..!
todo 관련해서 Todo Tree 확장 확인해 보셔도 좋을듯. 왼쪽 패널에서 한번에 보여주기도 하고, 자신 입맛대로 커스터마이징도 됨.
드디어 돈 모아서 자바스크립트부터 결제해서 공부하고있는데 정말 최고에요ㅠㅠ 강의해주셔서 감사하다고 말씀드리고싶어요 열심히해서 다음수업들도 듣고 성장해서 제 서비스를 만들어보고싶어요^^
감사합니다 스승님!😊
바쁘실텐데 항상 영상 챙겨봐 줘서 감사해요 👍👍👍
저도 좋은 영상 감사합니다 :)
크으 이거지 vsc만 사용하는 사람으로서 너무 감사한 영상입니다
크으~ 감사합니다 👍
저는 turbo console log와 indent-rainbow, code spell checker 잘 쓰고 있습니다!
오! 공유해 주셔서 감사합니다 👍
깃렌즈 + 깃그래프 조합이 좋아용
소스트리 사용하시는 분들도 깃그래프면 소스트리 삭제 가능합니다🥰
Setting sync랑 Multiple cursor는 자주 쓰는 유용한 기능인데 여기서 보니까 반갑네요 ㅎㅎ
오! 이미 사용하고 계셨군요, 멋져요 👍
감사합니다
엘리님이 소개하신 익스텐션 중 import cost 의 경우 현재 cpu 사용량을 많이 잡아먹습니다!
정말 좋은 익스텐션이지만 평점이 3.5인 이유.. . 주의해서 사용해주세요
우연히 보게 되었는데, ide는 visual studio (visual studio ide)이고, vs code는 code editor입니다. ide가 아닙니다.
와우! 소개해주신 기능들 유용하고 좋네요~
저는 peacock추천이요.. vscode를 여러개 실행시킬때 구분하기 좋습니다.
todo, fixme 같은 주석에 대해 "comment anchor" extension도 괜찮습니다
옷! 추천해 주셔서 감사합니다 👍
항상 양질의 자료 너무 감사함니다❤❤❤
감사합니다 😍
0:17 노트패드++ 이랑 노트패드는 다른거
대박이네요. 감사합니다!
Multiple cursor case 너무 유용할 것 감사해요 😙😙
네 저도 정말 유용하게 쓰고 있어요 😍
항상 감사합니다 :) 인텔리제이에서는 git이 잘되어있어서 신경안썼는데 vscode에서는 파일비교할때 좀 불편해서 소스트리로 보고 있었는데 깃렌즈 잘쓸거 같아요
오 setting sync 가 있었군요. 써봐야겠습니다.
sticky는 좋은 것 같구요.
codesnap은 나중에 써봐야곘네요.
감사합니다! 유용하게 써보세요 😍
이번영상도 잘보겠습니다 감사합니다!
감사합니다 😍
오늘도 잘볼게요👏👏
감사합니다 😍
재밌게 잘 보고 갑니다!!
대박 너무 유용합니다~! 감사합니다!!!
저도 감사해요 👍
혹시 VSC 테마 어떤거 사용하고 계신가요? 파스텔 톤이 너무 예뻐요~~!
remote ssh, sftp 두 개 너무 유용합니다
오웃! 추천해 주셔서 감사합니다 :)
목소리 정말 좋으세요. 성우하셔도 되겠어요
항상 감사드려요💗
감사합니다 😍
tabout, css navigation, auto rename tag, project manager 도 사용하고 있어요
추천해 주셔서 감사합니다 👍 Project Manager는 아까 아래에 다른 구독자 분도 추천해 주셨는데 정말 유용한것 같아 보여 저도 꼭 써봐야 겠네요
luna paint진짜 추천 그림툴열기귀찮아서 간단하게 수정할때 이거씀 기능많짆않지만진짜 개꿀임
엘리님의 스킨 테마가 무엇인지 궁금합니다ㅠㅠㅠ 영상 잘 보고 있어요!
건강 잘 챙기세여
엘리님 추천 감사해욧~!♡
감사합니다 ^^ 잘 보고 있어요!
감사합니다 👍
감동입니다~
감사합니다 😍
c++쓰는데 sticky 기능 유용할것같네요
대박대박!!! 어머 이건 바로 설치해야해!!
감사합니다 👍
예전에는 Shan Khan 의 Settings Sync 를 사용했지만 요즘은 마이크로소프트가 기본으로 Settings Sync 를 제공하지 않나요? 자동으로 마이크로소프트 계정이나 github 프로필을 통해 syncing 되는 걸로 알고 있습니다. 즉 영상의 2분~5분 내용은 vscodium을 사용할 것이 아닌 이상 deprecated 인 걸로 알고 있습니다.
앗! 그렇네요! code.visualstudio.com/docs/editor/settings-sync
알려주셔서 감사합니다.
전에도 익스텐션 하나 추천해 드렸는데 얼마 안가서 바로 내부적으로 저체 구현해 두었더라구요. 끊임없이 발전하는 VsCode! 앞으로 익스텐션 추천 영상 만들기전에 내부적으로 가지고 있는 기능인지 확인해 봐야겠어요 ㅠ ㅠ
보면서도 제가 저 익스텐션을 써서 동기화된 건가 했네요
IntelliCode Completions라는 무료 자동 완성 익스텐션도 있더라고용
엘리님 요즘도 앤프로2 사용하시나요??!
오우 스티키코멘트 써봤어요. 완전좋아요 매번 매개변수 뭐더라 하고 올라가고 타입보러올라가고 너무힘들었어요 ㅜㅜ
그쵸? 정말 꿀 기능이예요 🍯
그 외에도 많은 에디터꿀팁에 감사드립니다♥
우와... 너무 좋은거 같아요. vscode사용하는 재미가 있네요.
power-mode같이 재밋는 익스텐션도 소개시켜주는 비디오 있으면 재밌을거같아요
감사합니다!!
감사합니다 😍
서브라임텍스트 진짜 오래 썼는데... (유료사용자) 어느순간 vscode 를 팀원들한테 소개하는 세미나 하더라구요...ㅋ 전 깃헙이슈&풀리퀘 익스텐션을 정말 잘씁니다. 코드에서 바로 리뷰하고 코멘트 달고 유용합니다. 심지어 엔터프라이즈에도 가능하니까 사내에서도 잘 동작합니다.
오! 한번도 써보지 않았던 익스텐션인데 추천해 주셔서 감사합니다 👍
저는 엔터프라이즈로 하려고 하는데 sign in 하는 과정에서 키체인으로 인증에 실패하는데... 혹시 어떻게 세팅을 하셨나요?
말이 엄청 빨라요ㅠㅠㅠ
extension을 더보기에 써놓으면 말 빨라도 됩니다 ㅋㅋ
오 꿀기능 감삼다~!
감사합니다 😍
타임라인 해주실수 없나요?
개꿀!!!!! 감사합니다!!!
감사합니다 😍
Error Lens 추천합니다
좋은영상 감사합니다 혹시 영상 촬영하실때 사용하셨던 노란색 그리기 툴을 알 수 있을까요? ㅠㅠ
드림코딩 채널에 보시면 제가 툴 알려드린 영상이 있어요 :) Screen Brush입니다.
@@dream-coding 너무감사합니다. :)
영상중 노란색 라인. 커서 그리는 도구는 어떤건가요?
역시 CSS가 발전하면 할 수록, VS Code도 발전 하는군요 ㅋㅋ
...단, 너무 몇년사이에 너무 무거워졌음 ㅠㅠ
진짜 스티키 개꿀...
보기전에 인사올립니다. 감사빤스요
감사합니다 👍
vscode extension 설치를 위한 .vsix 파일의 원리도 알려주실 수 있나요?
제가 인터넷이 안되는 폐쇄망에서 VS Code 에디터를 사용하고 있기에 extension 설치를 위해 .vsix 파일을 이용하여 다운로드 합니다.
구글링을 하면 오프라인 extension 설치 전용인 .vsix 파일이라 설명하여 이용중인데
온라인에서의 자동 설치와 오프라인에서의 .vsix 수동 설치가 정말 같은지 궁금합니다.
저는 비주얼스튜디오 코드에서 //로 주석 처리가 안되는데, 왜 드림코딩님 영상에서는 주석처리가 되는걸까요? 매번 /**/로 주석처리하고 있는데 불편해서 //로 하고 싶어요. 어떻게 하면 //를 사용할 수 있는지 알려주시면 감사하겠습니다!!
익스텐션 인증된 개발자 것만 사용하세요. 잘못하다 골로 가십니다 ..
저는 settings sync 설정하면서 github 계정이 아니라 MS 계정으로 로그인 했는데 그럼 extensions 같은게 저장이 안 되나요?
저기 완전 쌩 초보라서 그런데, 맥으로 vscode를 가지고 c++을 공부하려고 합니다. 그런데, vscode는 vs랑은 다르게 확장 프로그램을 따로 설치해야 하더라구요. 여기서 지금 막히는 것이 입력 함수(scanf)를 중단점을 설정하고, 디버깅하려고 하면, 입력도 되지 않을 뿐더러, 디버깅 자체가 안되면서, unable to find executable...과 같은 에러가 뜨면서, 안되는 데, 요기저기 찾아봐도, vscode 에 관련한 것들은 없어서 좀 답답하네요;;; 혹시 vscode세팅이나 설정방법에 대해 알려주실수 있을까요??
스틱키 이전에 메소드는 20줄 이내로 해주세요 ㅠㅠ
vscode 가 오늘따라 다운로드가 느리네염
걍 심심해서 실행 및 디버그에서 파일 확인해봤는데 파일이 이진이거나 지원되지 않는 텍스트 인코딩을 사용하므로 텍스트 편집기에서 표시되지 않습니다. 이게 왜 뜨는거죠
Power mode
감사합니다 😍
import costs 사용해보려고 설치했는데 vs code를 껐다 켜도 보이지가 않네요ㅠㅠ 뭐가 문제일까요...
아 node modules폴더를 지우고 다시 설치했더니 잘 보이네요! 허허
i love you thank you
Thanks a lot 😍
좋아요
감사합니다 😍
👋👋👋~~👍
감사합니다 👍
여러분, 영상에서 소개해 드린 Settings Sync는 커뮤니티에서 워낙 많이 사용하다 보니, VsCode에서 내부적으로 구현을 해두었네요 :)
저처럼 익스텐션 설치하실 필요없고, 영상에서 보여드린것처럼 왼쪽 하단에 셋팅(기어모양) 버튼 눌러서 Settings Sync 관련된 메뉴 이용해 보세요! 🔥
code.visualstudio.com/docs/editor/settings-sync
더불어, Settings Sync는 현재 맥에서 CPU Usage 이슈가 있는 것 같습니다. (#1352번 이슈 참고)
sync된 데이터를 초기화 할 수 있을까요?
여신누나 ㅎㅇ
감사합니다 😍
1빠
감사합니다 😍
감사합니다
감사합니다 😍