Vue 개발환경 셋팅

vscode 터미널에

npm install -g @vue/cli
//또는
yarn global add @vue/cli

이렇게 입력해서 우선 vue를 설치해준다.

 

그리곤, Extensions버튼을 눌러서 에디터 부가기능을 설치해준다.

vetur과 html css support, vue 3 snippets 를 설치해준다.

그리고, 터미널에

vue create 프로젝트명

을 써서 프로젝트를 만들어준다. 이렇게 만들어진 폴더를 vscode로 오픈하고 코딩을 시작해주면 된다.

 

그리고 미리보기를 띄우고 싶으면 터미널에

npm run serve

를 입력하면 된다. 

메인페이지는 App.vue가 된다.

 

만약, build를 하려면 npm run build를 해주면 된다.