<div id="readability-page-1" class="page">





<del id="measuring" aria-hidden="true">
<span><span></span></span>
</del>
<del id="gpu-support" aria-hidden="true">
<span></span>
<span></span>
</del>
<nav id="global-navigation">


</nav>
<main id="wrap" aria-hidden="false">



<div>






<header id="global-header">



<div>
<h2 aria-level="1" aria-live="polite">맥 터미널에서 code 명령어로 VS Code 열기</h2>
<ul>
<li aria-level="2" role="text" aria-label="2021년 09월 16일 21시 34분에 작성된 글.">2021.09.16 21:34</li>
<li><a href="/category/Dev%20%26%20I" aria-label="Dev &amp; I">Dev &amp; I</a></li>
</ul>
</div>

<del aria-hidden="true"></del>
</header>
<article id="article" aria-level="3" aria-live="polite">



<div>            <h2>맥 터미널에서 code 명령어로 VSCode 열기</h2>
<p data-ke-size="size16">맥으로 진행하는 웹 강의를 듣다보면 터미널에서 프로젝트 생성 후, <code>code .</code> 명령어를 통해 바로 해당 디렉토리의 VS Code를 띄우는 모습을 볼 수 있다. 처음 봤을 때 굉장히 간지나고 편리한 방법이여서 방법을 정리해봤다.</p>
<h2 data-ke-size="size26">VS Code 상에서 진행하기</h2>
<ul data-ke-list-type="disc">
<li>VSCode를 실행한다.</li>
<li>커맨드 파레트(<code>Cmd+Shift+P</code>)를 열고 'shell command'라고 친다.</li>
<li><b>Shell Command: Install 'code' command in PATH</b> 라는 명령어를 찾아서 실행한다.</li>
</ul>
<figure data-origin-width="618" data-origin-height="100" data-ke-mobilestyle="widthOrigin"><span data-url="https://blog.kakaocdn.net/dn/N3eLW/btrfjSzqV0A/GwyGxWXAtdhtwHHlox2QS1/img.png" data-lightbox="lightbox" data-alt="Shell Command: Install " code'="" command="" in="" path'=""><img src="https://blog.kakaocdn.net/dn/N3eLW/btrfjSzqV0A/GwyGxWXAtdhtwHHlox2QS1/img.png" data-origin-width="618" data-origin-height="100" data-ke-mobilestyle="widthOrigin"></span><figcaption>Shell Command: Install 'code' command in PATH</figcaption></figure>
<ul data-ke-list-type="disc">
<li>새로운 <code>$PATH</code>의 변경을 반형하기 위해 터미널을 재실행한다.</li>
<li>이제 터미널에서 <code>code</code> 명령어를 사용할 수 있다.</li>
</ul>
<blockquote data-ke-style="style1">
<p data-ke-size="size16">주의사항: 과거 VS Code 버전에서 쓰던 <code>code</code> 명령어 alias가 <code>.bash_profile</code>에 있다면 이를 삭제하고 위의 순서대로 진행한다.</p>
</blockquote>
<h2 data-ke-size="size26">터미널 상에서 직접 추가하기</h2>
<p data-ke-size="size16">VS Code 상에서 커맨드를 실행하는 대신, 직접 VS Code를 경로에 추가할 수 있다.</p>
<h3 data-ke-size="size23">bash</h3>
<pre><code>cat &lt;&lt; EOF &gt;&gt; ~/.bash_profile
# Add Visual Studio Code (code)
export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
EOF</code></pre>
<h3 data-ke-size="size23">zsh</h3>
<pre><code>cat &lt;&lt; EOF &gt;&gt; ~/.zshrc
# Add Visual Studio Code (code)
export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
EOF</code></pre>
<p data-ke-size="size16">다만 이렇게 했을 때 필자는 오류가 생겼는데 위의 코드를 다음과 같은 코드로 바꿔서 추가해서 해결했다.</p>
<pre><code>code () { VSCODE_CWD="$PWD" open -n -b "com.microsoft.VSCode" --args $* ;}</code></pre>            </div>
</article>



<hr>
<nav>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</nav>






















</div>

</main>

<nav id="pagination">

</nav>











	            
            
            
                        
                                
        
</div>

빠리의 택시 운전사

맥 터미널에서 code 명령어로 VSCode 열기
맥으로 진행하는 웹 강의를 듣다보면 터미널에서 프로젝트 생성 후, code . 명령어를 통해 바로 해당 디렉토리의 VS Code를 띄우는 모습을 볼 수 있다. 처음 봤을 때 굉장히 간지나고 편리한 방법이여서 방법을 정리해봤다.
VS Code 상에서 진행하기
VSCode를 실행한다.
커맨드 파레트(Cmd+Shift+P)를 열고 'shell command'라고 친다.
Shell Command: Install 'code' command in PATH 라는 명령어를 찾아서 실행한다.
새로운 $PATH의 변경을 반형하기 위해 터미널을 재실행한다.
이제 터미널에서 code 명령어를 사용할 수 있다.
주의사항: 과거 VS Code 버전에서 쓰던 code 명령어 alias가 .bash_profile에 있다면 이를 삭제하고 위의 순서대로 진행한다.
터미널 상에서 직접 추가하기
VS Code 상에서 커맨드를 실행하는 대신, 직접 VS Code를 경로에 추가할 수 있다.
bash
cat << EOF >> ~/.bash_profile
# Add Visual Studio Code (code)
export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
EOF
zsh
cat << EOF >> ~/.zshrc
# Add Visual Studio Code (code)
export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
EOF
다만 이렇게 했을 때 필자는 오류가 생겼는데 위의 코드를 다음과 같은 코드로 바꿔서 추가해서 해결했다.
code () { VSCODE_CWD="$PWD" open -n -b "com.microsoft.VSCode" --args $* ;}

맥 터미널에서 code 명령어로 VS Code 열기

댓글