Vue | 1.1 yarn으로 설치하기

VS Code 프로그램 설치

-13 permision 에러가 뜨는 경우 sudo 명령어를 통해서 에러를 해결할 수 있습니다.
내부 환경에서는 문제가 없을 수 있으나 보안에는 불리할 수 있습니다

Mac 폴더 권한 부여 에러가 있는 경우 아래의 명령어로 해결해보세요
sudo chmod -R 777 ~/Documents/github

Vue 3 Snippets 를 설치합니다.

Yarn 으로 Vue 환경 설치

npm install yarn --location=global

yarn 은 npm과 비슷한 기능을 가지고 있습니다. 속도가 빠르고 안정성이 높다는 장점을 가지고 있습니다.

Vue 환경 설치

yarn global add @vue/cli

Vue 3을 선택합니다. 그 이후로는 yarn, npm 중 마음에 드는 걸로 설치하면 됩니다.

Vue 프로젝트 설치

vue create filename

filename 폴더에 vue를 설치합니다.

cd filename // 설치된 vue 폴더로 이동
yarn serve  // vue 실행

폴더에 들어간 다음 yarn serve 명령어를 입력하여 vue를 실행합니다.

성공했다면 local 주소로 들어가 vue를 씹고뜯고맛보고 즐기면 됩니다.
포트가 중복되었다면 알아서 변경되기 때문에 신경쓰지 않고 사용할 수 있습니다.

Vite로 vue 환경 설치

Vue를 Vite에 얹어서 사용하는 방법입니다.

npm install vue@next

vite 로 vue 설치하기

npm create vite@latest

위의 명령어를 입력한 다음 vue를 선택하여 설치합니다.

실행하기

cd vite-project
npm install
npm run dev

실행을 마치면 위와 같이 뜨게 됩니다.