<div id="readability-page-1" class="page"><cite>DarrenKwonDev</cite>
 2022. 2. 3. 09:57
 <div>
 <h4 data-ke-size="size20">기본 Shell을 bash 혹은 zsh로 교체하기</h4>

F1을 누르고 Select Default Shell을 통해 설정해주자
윈도우 환경이라면 git bash를 선택해주자 bash를 사용할 수 있게 된다!
<figure data-ke-mobilestyle="widthContent" data-origin-width="867" data-origin-height="89">
 
 <img src="https://k.kakaocdn.net/dn/brgSZk/btqSDuOLQnv/Tx9xdPQjxvzEN5oHfn1gVK/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="867" data-origin-height="89">
 
 
</figure>

<h4 data-ke-size="size20">'code' command PATH에 추가하기</h4>
<figure data-ke-mobilestyle="widthOrigin" data-origin-width="723" data-origin-height="156">
 
 <img src="https://k.kakaocdn.net/dn/bwwa6U/btrslVqz7QQ/Qtbk5Aj8P9ppcatHybqFG0/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="723" data-origin-height="156">
 
 
</figure>

<h4 data-ke-size="size20">자동 포매팅 설정</h4>
세팅에서 그냥 format on save를 켜면 되는 일이지만,&nbsp;
json에서는 다음과 같이 언어별 설정이 가능하다.
그리고, eslint를 사용한다면 저장 시 포매팅 기능은 꺼두는 것이 좋다.
<pre id="code_1609761658209" data-ke-language="javascript" data-ke-type="codeblock"><code>"[javascript]": {
 "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascriptreact]": {
 "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
 "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescriptreact]": {
 "editor.defaultFormatter": "esbenp.prettier-vscode"
},
{
 "[dart]": {
 "editor.defaultFormatter": "Dart-Code.dart-code",
 "editor.formatOnSave": true,
 "editor.rulers": [120]
 }
}</code></pre>

<h4 data-ke-size="size20">inlay hint</h4>
<pre id="code_1643771419127" data-ke-language="javascript" data-ke-type="codeblock"><code>"javascript.inlayHints.parameterNames.enabled": "all"
"typescript.inlayHints.parameterNames.enabled": "all"</code></pre>

jsx에서 html 태그 완성이 잘 안될 때.
<pre id="code_1643849664336" data-ke-language="javascript" data-ke-type="codeblock"><code>"emmet.includeLanguages": {
 "javascript": "javascriptreact" // jsx에서 html 태그 자동완성이 안 됐었는데, 이 부분 추가해서 해결했다.
 },</code></pre>

deno 프로젝트에 세팅하기. globally enabled 시키면 일반 노드 프로젝트에서 deno 랭귀지 서버를&nbsp; 쓰게 되어 이상한 곳에서 경고를 보냄.
<pre id="code_1643849678450" data-ke-language="javascript" data-ke-type="codeblock"><code>{ "deno.enable": true }
</code></pre>

<h4 data-ke-size="size20">VSCode 설정 싱크하기</h4>

extension이 많아졌을 때 + 다른 컴퓨터에서 작업을 해야만 하거나 새 컴퓨터를 샀을 때. 설치에 시간을 쏟고 싶지 않다면 VSCode를 sync하는 방법을 고려해보자

핵심은
<ul data-ke-list-type="disc">
<li>발급받은 토큰을&nbsp;사용하여 github에 vscode 설정 upload - shift + alt + u 단축키를 누르고 입력란에 발급받은 토큰을 입력합니다.</li>
<li>발급받은 토큰을 사용하여 기기에서 download - shift + alt + d 단축키를 눌러 동기화가 필요한 기기에서 다운받습니다.</li>
</ul>

<a href="https://ithub.tistory.com/211">https://ithub.tistory.com/211</a>
<figure id="og_1609761412795" contenteditable="false" data-ke-type="opengraph" data-og-type="article" data-og-title="VSCODE 유용한 플러그인 settings sync 사용하기" data-og-description="안녕하세요. 오늘은 vscode를 집, 회사 등 여러 디바이스에서 동일한 환경을 사용할 수 있게 해주는 플러그인 Settings Sync 사용법에 대해서 를 알아보겠습니다. 직접 설정한 설정정보와 설치한 플러그인까지 여.." data-og-host="ithub.tistory.com" data-og-source-url="https://ithub.tistory.com/211" data-og-url="https://ithub.tistory.com/211" data-og-image="https://scrap.kakaocdn.net/dn/opvfE/hyE9jS6Ske/Z53MVdBAEsPKkgrMApT3O1/img.png?width=800&amp;height=470&amp;face=0_0_800_470,https://scrap.kakaocdn.net/dn/bbjFpg/hyE9fb6xN4/oM36vt9OmqpGMDoTQeOKB1/img.png?width=800&amp;height=470&amp;face=0_0_800_470,https://scrap.kakaocdn.net/dn/zXOBX/hyE9c7wbT7/WCVQkiGp5FxNNekCKV2EHK/img.png?width=2048&amp;height=2048&amp;face=0_0_2048_2048"><a href="https://ithub.tistory.com/211" data-source-url="https://ithub.tistory.com/211">

<div>
VSCODE 유용한 플러그인 settings sync 사용하기
안녕하세요. 오늘은 vscode를 집, 회사 등 여러 디바이스에서 동일한 환경을 사용할 수 있게 해주는 플러그인 Settings Sync 사용법에 대해서 를 알아보겠습니다. 직접 설정한 설정정보와 설치한 플러그인까지 여..
ithub.tistory.com
</div>
</a><img src="https://scrap.kakaocdn.net/dn/opvfE/hyE9jS6Ske/Z53MVdBAEsPKkgrMApT3O1/img.png?width=800&amp;height=470&amp;face=0_0_800_470,https://scrap.kakaocdn.net/dn/bbjFpg/hyE9fb6xN4/oM36vt9OmqpGMDoTQeOKB1/img.png?width=800&amp;height=470&amp;face=0_0_800_470,https://scrap.kakaocdn.net/dn/zXOBX/hyE9c7wbT7/WCVQkiGp5FxNNekCKV2EHK/img.png?width=2048&amp;height=2048&amp;face=0_0_2048_2048"></figure>


<h4 data-ke-size="size20">alt + shift + i + (home/end) 로 다중 선택, 이동, 수정</h4>
기본적인 VSCode 단축키는 직접&nbsp;찾아보면 되지만 여기서 소개하는 이 단축키는 워낙 유용해서 올려본다.

alt + shift + i + (home/end)이다.

단순 반복을 해야 하는데 매 줄마다 길이가 다르다면 곤란하다.
alt + clcik으로 매번 클릭하기도 힘들다. 특히 다음과 같은 코드가 있다고 가정한다면... (👿)

<pre id="code_1609761545856" data-ke-language="javascript" data-ke-type="codeblock"><code>class Block {
 public index: number;
 public hash: string;
 public previousHash: string;
 public data: string;
 public timeStamp: number;

 constructor(
 index: number,
 hash: string,
 previousHash: string,
 data: string,
 timeStamp: number
 ) {
 this.index = index;
 this.hash = hash;
 this.previousHash = previousHash;
 this.data = data;
 this.timeStamp = timeStamp;
 }
}

export {};
</code></pre>

드래그한 후 alt + shift + i를 누르면 다음과 같이 된다.
이 상태에서 home/end를 통해 해당 코드의 맨 앞/맨 뒤로 이동할 수 있다.

<figure data-ke-mobilestyle="widthContent" data-filename="캡처.JPG" data-origin-width="532" data-origin-height="251">
 
 <img src="https://k.kakaocdn.net/dn/lMIyH/btqSsRcXHVQ/iTB2IR2E8TZt27FS92TTe1/img.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" width="450" data-filename="캡처.JPG" data-origin-width="532" data-origin-height="251">
 
 
</figure>



<h4 data-ke-size="size20">빈 폴더를 나열식으로 보는 방법</h4>

빈 폴더를 생성하면 VSCode에서는 다음과 같이 보여주는데 이게 여긴 귀찮고 불편한 게 아니다. preference에서 해당 기능을 꺼주자. 해당 기능 이름은 compactfolers이다.

<figure>
 <span data-url="https://k.kakaocdn.net/dn/bnMZ6u/btqSxBAVQbZ/BUkEhSTLvjkjblvFTKpclK/img.png" data-lightbox="lightbox" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbgPk78%2FbtqDDwNx1je%2Fk9RoxG1lwNIV7iK4yd77j1%2Fimg.png" data-origin-width="243" data-origin-height="304" data-ke-mobilestyle="widthContent"><img src="https://k.kakaocdn.net/dn/bnMZ6u/btqSxBAVQbZ/BUkEhSTLvjkjblvFTKpclK/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';"><span data-url="https://k.kakaocdn.net/dn/9NhMe/btqSpGW9dEt/2wsk3pcudb25vSkf9GMgE0/img.png" data-lightbox="lightbox" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvKiu2%2FbtqDACuI6WE%2F2hhHCJGXxuw4vd7ebRFSeK%2Fimg.png" data-origin-width="244" data-origin-height="345" data-ke-mobilestyle="widthContent"><img src="https://k.kakaocdn.net/dn/9NhMe/btqSpGW9dEt/2wsk3pcudb25vSkf9GMgE0/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';">
 
 
</figure><figure data-ke-mobilestyle="widthContent" data-filename="캡처2.PNG" data-origin-width="1074" data-origin-height="252">
 
 <img src="https://k.kakaocdn.net/dn/m9SDb/btqSGj0dCyp/VKt15TxHuZ8xlKNHVNYegk/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-filename="캡처2.PNG" data-origin-width="1074" data-origin-height="252">
 
 
</figure>


<h4 data-ke-size="size20">vscode prettier formatter가 작동을 안한다면</h4>
<a href="https://stackoverflow.com/questions/52586965/why-prettier-does-not-format-code-in-vscode">stackoverflow.com/questions/52586965/why-prettier-does-not-format-code-in-vscode</a>
react-native나 뭔가 새로운 걸 할 때마다 작동을 안하는 경우가 있다.
default formatter를 esbenp.prettier.vscode로 설정하고, 저장 시 포매터를 켜야 한다.
<figure data-ke-mobilestyle="widthContent" data-origin-width="1280" data-origin-height="448">
 
 <img src="https://k.kakaocdn.net/dn/b8OQYU/btqYN01GEE7/KWrJm4KfKFd8h96KjsJEC0/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="1280" data-origin-height="448">
 
 
</figure><figure data-ke-mobilestyle="widthContent" data-origin-width="1280" data-origin-height="496">
 
 <img src="https://k.kakaocdn.net/dn/cQqDsd/btqYAuwPglT/7Q8YnLSgDiwW5mF2pNMUK0/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="1280" data-origin-height="496">
 
 
</figure>


<h4 data-ke-size="size20">x가 x로 인식되지 않고 y로 인식된다면?(ex-내 html이 django-html-template으로 인식된다면?)</h4>
위 사항은 대표적인 사항이고, 이 뿐만 아니라, 특정 파일이 본 파일이 아닌 extension에 의해 다른 것으로 인식될 때가 있다.
괜히 익스텐션 깔았다 지웠다 하지 말고 file: Associations를 이용하여 직접 잡아주면 된다.
<figure data-ke-mobilestyle="widthContent" data-origin-width="1103" data-origin-height="263">
 
 <img src="https://k.kakaocdn.net/dn/4nOyr/btqYW2dTcqY/UsIXo8ypEYwi6KAlsuY1c1/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="1103" data-origin-height="263">
 
 
</figure>


<h4 data-ke-size="size20">저는 프로젝트에 eslint + prettier를 쓸거라서 format on save를 끄고 싶은데요</h4>
eslint를 이용하려면
프로젝트 소스코드 내에 eslint 구성은 생략하고, vscode에서 이를 활용하기 위해 세팅 작업을 해줘,
command + shift + p =&gt; open setting (json) =&gt; 아래 내용 붙여넣기.

만약 저장시 포매팅 작업을 체크해놨다면 해제해야 한다.
일단은 js, ts만 eslinting을 하기로 하자. 사실 이 두 언어 외에서 eslint를 쓸 일이...있나? 싶다.
<pre id="code_1614612410204" data-ke-language="javascript" data-ke-type="codeblock"><code>"editor.codeActionsOnSave": {
 "source.fixAll.eslint": true
 },
 "eslint.alwaysShowStatus": true,
 "eslint.workingDirectories": [
 {"mode": "auto"}
 ],
 "eslint.validate": [
 "javascript",
 "typescript"
 ],</code></pre>

저장시 eslint의 규칙에 맞게 자동으로 세팅해준다!
당연한 말이지만, .eslintrc를 설정한 프로젝트에서만 저장시 eslint에 의해 포매팅이 된다.
협업할 때 =&gt; 오토 포매팅 꺼두고 eslint+prettier가 돌아가게 해두자
혼자할 때 =&gt; 협업 세팅을 그대로 써도 되고, eslint가 거슬리면 저장시 포매팅을 켜서 사용하면 된다.

<h4 data-ke-size="size20">C/C++ 등을 VScode에서 사용하고 싶다면</h4>
javascript, go, dart 등은 vscode에서 뚝딱이지만
c, cpp은 visual studio를 주로 사용한다.
그럼에도 용량이라던가, 컴퓨터 사양에 의해 vs를 사용할 수 없다면 vscode를 사용해보자.&nbsp;

솔직히 연습할 때 vscode가 더 나은 것 같기도 하다...

<a href="https://darrengwon.tistory.com/1091" target="_blank" rel="noopener">darrengwon.tistory.com/1091</a>
<figure id="og_1609761733881" contenteditable="false" data-ke-type="opengraph" data-og-type="article" data-og-title="C/C++ in VSCode / code runner! / formatting" data-og-description="왜 VS안 쓰심? 무겁다. 게다가 visual studio 컴파일러보다 gcc 컴파일러를 사용하고 싶었기 때문이다. &quot;visual studio에서는 되는데 왜 이 환경에서는 안되지?&quot;와 같은 상황이 싫었다. 그래서 Clion을 쓸 것" data-og-host="darrengwon.tistory.com" data-og-source-url="https://darrengwon.tistory.com/1091" data-og-url="https://darrengwon.tistory.com/1091" data-og-image="https://scrap.kakaocdn.net/dn/MQYLS/hyIOeA54ZZ/7IqqlksrbbKu9pUqwC1KOK/img.png?width=800&amp;height=166&amp;face=0_0_800_166,https://scrap.kakaocdn.net/dn/dF5ISj/hyIOdvq0Av/1sjtkeCzUpmtNDaEKSaE81/img.png?width=800&amp;height=166&amp;face=0_0_800_166,https://scrap.kakaocdn.net/dn/A0EJd/hyIPzcx6hj/IrXXmfWqqLfdmcpwEz5Smk/img.jpg?width=1110&amp;height=740&amp;face=0_0_1110_740"><a href="https://darrengwon.tistory.com/1091" target="_blank" rel="noopener" data-source-url="https://darrengwon.tistory.com/1091">

<div>
C/C++ in VSCode / code runner! / formatting
왜 VS안 쓰심? 무겁다. 게다가 visual studio 컴파일러보다 gcc 컴파일러를 사용하고 싶었기 때문이다. "visual studio에서는 되는데 왜 이 환경에서는 안되지?"와 같은 상황이 싫었다. 그래서 Clion을 쓸 것
darrengwon.tistory.com
</div>
</a><img src="https://scrap.kakaocdn.net/dn/MQYLS/hyIOeA54ZZ/7IqqlksrbbKu9pUqwC1KOK/img.png?width=800&amp;height=166&amp;face=0_0_800_166,https://scrap.kakaocdn.net/dn/dF5ISj/hyIOdvq0Av/1sjtkeCzUpmtNDaEKSaE81/img.png?width=800&amp;height=166&amp;face=0_0_800_166,https://scrap.kakaocdn.net/dn/A0EJd/hyIPzcx6hj/IrXXmfWqqLfdmcpwEz5Smk/img.jpg?width=1110&amp;height=740&amp;face=0_0_1110_740"></figure>

rainbow extension deprecated -&gt; using native vscode
<figure data-ke-mobilestyle="widthOrigin" data-origin-width="966" data-origin-height="122">
 
 <img src="https://k.kakaocdn.net/dn/2oo02/btrnQ3NAOSU/6aHkJYKtJtZWKgvd77Hf41/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="966" data-origin-height="122">
 
 
</figure>
 
 
 </div></div>

HotHandCoding

DarrenKwon

기본 Shell을 bash 혹은 zsh로 교체하기
 
F1을 누르고 Select Default Shell을 통해 설정해주자
윈도우 환경이라면 git bash를 선택해주자 bash를 사용할 수 있게 된다!
 
'code' command PATH에 추가하기
 
자동 포매팅 설정
세팅에서 그냥 format on save를 켜면 되는 일이지만, 
json에서는 다음과 같이 언어별 설정이 가능하다.
그리고, eslint를 사용한다면 저장 시 포매팅 기능은 꺼두는 것이 좋다.
"[javascript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascriptreact]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescriptreact]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
{
 "[dart]": {
      "editor.defaultFormatter": "Dart-Code.dart-code",
      "editor.formatOnSave": true,
      "editor.rulers": [120]
    }
}
 
inlay hint
"javascript.inlayHints.parameterNames.enabled": "all"
"typescript.inlayHints.parameterNames.enabled": "all"
 
jsx에서 html 태그 완성이 잘 안될 때.
"emmet.includeLanguages": {
    "javascript": "javascriptreact" // jsx에서 html 태그 자동완성이 안 됐었는데, 이 부분 추가해서 해결했다.
  },
 
deno 프로젝트에 세팅하기. globally enabled 시키면 일반 노드 프로젝트에서 deno 랭귀지 서버를  쓰게 되어 이상한 곳에서 경고를 보냄.
{ "deno.enable": true }
 
VSCode 설정 싱크하기
 
extension이 많아졌을 때 + 다른 컴퓨터에서 작업을 해야만 하거나 새 컴퓨터를 샀을 때. 설치에 시간을 쏟고 싶지 않다면 VSCode를 sync하는 방법을 고려해보자
 
핵심은
발급받은 토큰을 사용하여 github에 vscode 설정 upload
- shift + alt + u 단축키를 누르고 입력란에 발급받은 토큰을 입력합니다.
발급받은 토큰을 사용하여 기기에서 download
- shift + alt + d 단축키를 눌러 동기화가 필요한 기기에서 다운받습니다.
 
https://ithub.tistory.com/211
 
 
alt + shift + i + (home/end) 로 다중 선택, 이동, 수정
기본적인 VSCode 단축키는 직접 찾아보면 되지만 여기서 소개하는 이 단축키는 워낙 유용해서 올려본다.
 
alt + shift + i + (home/end)이다.
 
단순 반복을 해야 하는데 매 줄마다 길이가 다르다면 곤란하다.
alt + clcik으로 매번 클릭하기도 힘들다. 특히 다음과 같은 코드가 있다고 가정한다면... ( )
 
class Block {
  public index: number;
  public hash: string;
  public previousHash: string;
  public data: string;
  public timeStamp: number;
  constructor(
    index: number,
    hash: string,
    previousHash: string,
    data: string,
    timeStamp: number
  ) {
    this.index = index;
    this.hash = hash;
    this.previousHash = previousHash;
    this.data = data;
    this.timeStamp = timeStamp;
  }
}
export {};
 
드래그한 후 alt + shift + i를 누르면 다음과 같이 된다.
이 상태에서 home/end를 통해 해당 코드의 맨 앞/맨 뒤로 이동할 수 있다.
 
 
 
 
빈 폴더를 나열식으로 보는 방법
 
빈 폴더를 생성하면 VSCode에서는 다음과 같이 보여주는데 이게 여긴 귀찮고 불편한 게 아니다. preference에서 해당 기능을 꺼주자. 해당 기능 이름은 compactfolers이다.
 
 
 
vscode prettier formatter가 작동을 안한다면
stackoverflow.com/questions/52586965/why-prettier-does-not-format-code-in-vscode
react-native나 뭔가 새로운 걸 할 때마다 작동을 안하는 경우가 있다.
default formatter를 esbenp.prettier.vscode로 설정하고, 저장 시 포매터를 켜야 한다.
 
 
x가 x로 인식되지 않고 y로 인식된다면?(ex-내 html이 django-html-template으로 인식된다면?)
위 사항은 대표적인 사항이고, 이 뿐만 아니라, 특정 파일이 본 파일이 아닌 extension에 의해 다른 것으로 인식될 때가 있다.
괜히 익스텐션 깔았다 지웠다 하지 말고 file: Associations를 이용하여 직접 잡아주면 된다.
 
 
저는 프로젝트에 eslint + prettier를 쓸거라서 format on save를 끄고 싶은데요
eslint를 이용하려면
프로젝트 소스코드 내에 eslint 구성은 생략하고, vscode에서 이를 활용하기 위해 세팅 작업을 해줘,
command + shift + p => open setting (json) => 아래 내용 붙여넣기.
 
만약 저장시 포매팅 작업을 체크해놨다면 해제해야 한다.
일단은 js, ts만 eslinting을 하기로 하자. 사실 이 두 언어 외에서 eslint를 쓸 일이...있나? 싶다.
"editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
  },
  "eslint.alwaysShowStatus": true,
  "eslint.workingDirectories": [
      {"mode": "auto"}
  ],
  "eslint.validate": [
      "javascript",
      "typescript"
  ],
 
저장시 eslint의 규칙에 맞게 자동으로 세팅해준다!
당연한 말이지만, .eslintrc를 설정한 프로젝트에서만 저장시 eslint에 의해 포매팅이 된다.
협업할 때 => 오토 포매팅 꺼두고 eslint+prettier가 돌아가게 해두자
혼자할 때 => 협업 세팅을 그대로 써도 되고, eslint가 거슬리면 저장시 포매팅을 켜서 사용하면 된다.
 
C/C++ 등을 VScode에서 사용하고 싶다면
javascript, go, dart 등은 vscode에서 뚝딱이지만
c, cpp은 visual studio를 주로 사용한다.
그럼에도 용량이라던가, 컴퓨터 사양에 의해 vs를 사용할 수 없다면 vscode를 사용해보자. 
 
솔직히 연습할 때 vscode가 더 나은 것 같기도 하다...
 
darrengwon.tistory.com/1091
 
rainbow extension deprecated -> using native vscode

VSCode 설치했으면 여기 오세요 : 내가 사용하는 VSCode

댓글