windows에서 yarn 설치하기 & vscode에서 yarn 에러 해결

2018년쯤 스터디를 하면서 아무것도 모르고 yarn을 사용한 기억이 있다.

그때는 그냥 설치파일을 다운받아 설치했던 것같은데 언젠가부터 다운받는 것은 없어지고 명령어를 통해 yarn을 설치하라는 안내가 나와있다.

 

yarn 설치 명령어

npm과 같은 패키지 매니저인 yarn의 설치는 다음의 명령어를 통해 이루어진다.

 

npm intall --global yarn

 

yarn이 제대로 설치되었는지 확인하려면 설치한 버전을 확인하면 된다.

버전을 확인하는 명령어는 다음과 같다.

 

yarn --version

 

 

yarn 설치 후 에러

하지만 분명히 설치를 완료했음에도 불구하고 다음과 같은 메세지를 확인할 수 있었다.

 

 

이를 cmd 창에서 설치 후 명령어를 입력해도 yarn은 내부 또는 외부 명령, 실행할 수 있는 프로그램 또는 배치파일이 아닙니다. 라는 문구가 뜬다.

 

이를 해결하기 위해서는...

이러한 경우에는 환경변수의 Path에 yarn의 bin 디렉터리를 추가해주면 된다.

환경변수는 내 pc 오른쪽 클릭 > 속성 > 고급 시스템 설정 > 환경변수 를 통해 들어갈 수 있다.

 

 

위 창에서 User에 대한 사용자 변수 > Path에 yarn의 bin 디렉터리를 추가한다.

 

 

이후 cmd 창을 닫고 다시 시작하면 yarn 명령어가 제대로 작동하는 것을 볼 수 있다.

 

 

하지만...

cmd 창에서는 제대로 작동하는 것을 볼 수 있으나 VSCode에서는 아직도 위와 같은 에러가 떴다.

인터넷을 검색한 결과 나랑 같은 현상을 겪고 있는 분들을 볼 수 있었다.

위와 같은 에러가 일어난 원인은 powershell의 실행 정책이 스크립트를 허용하지 않는 Restricted로 설정되어 있어서 yarn 실행 시 보안 오류가 발생하는 것이다.

따라서 이 문제를 다음과 같이 해결할 수 있었다.

 

먼저 windows 검색창에 Windows PowerShell을 입력 후 이를 관리자로 실행한다.

이후 로컬컴퓨터에서 본인이 생성한 스크립트만 실행이 가능하거나 신뢰하는 배포자에 의해 서명된 스크립트만 실행가능한 정책인 RemoteSigned로 실행 정책을 바꿔준다.

 

 

위와 같은 설정 후 VSCode를 다시 확인해보면 정상적으로 작동하는 것을 확인할 수 있다.