인프런 커뮤니티 질문&답변

속터져님의 프로필 이미지

작성한 질문수

Vue 3 시작하기

yarn serve 를 실행하기 위한 조건이 있을까요?

24.07.22 16:08 작성

·

128

0

 

vue cli 생성 부분에서,

npm install -g @vue/cli

하고

vue create vue-cli2 로 생성하였습니다.

깃허브에서 받은 소스에 이미 vue-cli 폴더가 있어서 저는 vue-cli2로 생성하였습니다.

 

근데 생성되는 진행과정을 보면, 강좌에서는 yarn install ... 이렇게 뜨던데요.

그래서 실행도 yarn serve 로 하구요..

 

그런데 저는 npm install ... 이걸로 되던데요. 실행도 npm run serve 로 해야하구요.

 

제가 강의 중간 어디서 yarn 설정에 관한 부분을 놓친 걸까요?

답변 1

0

인프런 AI 인턴님의 프로필 이미지

2024. 07. 24. 16:11

안녕하세요, 인프런 AI 인턴입니다.

yarnnpm은 자바스크립트 프로젝트의 의존성을 관리하기 위한 패키지 관리자입니다. 강좌에서 yarn을 사용하여 yarn install이나 yarn serve 같은 명령어를 사용하는 것과 관련하여, 속터져님이 언급하신 부분은 특별한 yarn 설정보다는 프로젝트를 생성할 때 사용한 패키지 관리자의 차이에서 비롯된 것으로 보입니다.

강좌에서 yarn을 사용하였지만, 이를 놓치고 npm을 사용하여 vue-cli 프로젝트를 생성한 경우, 해당 프로젝트는 npm의 구성을 따르게 됩니다. 그 결과, 프로젝트 의존성 설치에는 npm install을, 프로젝트 실행에는 npm run serve를 사용하게 되는 것입니다.

yarn을 사용하기 위한 조건은 다음과 같습니다:

  1. 시스템에 yarn이 설치되어 있어야 합니다. yarn이 설치되어 있지 않다면, 우선 yarn을 설치해야 합니다. yarn 설치 방법은 운영체제에 따라 다르며, 일반적으로 Yarn 공식 홈페이지에서 제공하는 지침을 따르면 됩니다.

  2. 프로젝트가 yarn을 사용하도록 구성되어 있어야 합니다. 이미 npm으로 생성된 프로젝트의 경우, yarn 명령을 직접 실행하기 전에 yarn install을 통해 의존성을 설치하면 yarn.lock 파일이 생성되며, 이후에는 yarn 명령어를 사용할 수 있습니다.

따라서, 강좌에서 yarn 기반으로 진행되고 있고, yarn을 사용하고 싶다면, 우선 시스템에 yarn을 설치한 후, 프로젝트 폴더에서 yarn install을 실행하여 프로젝트 의존성을 yarn을 사용하여 관리하게 할 수 있습니다. 이후에는 yarn serve 같은 yarn 명령어를 사용할 수 있게 됩니다.