Vue.js 설치하기

1. vscode에서 마켓 플레이스에서 3가지를 다운 받아준다.

이름: Vetur
ID: octref.vetur
설명: Vue tooling for VS Code
버전: 0.37.3
게시자: Pine Wu
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=octref.vetur

이름: Vue 3 Snippets
ID: hollowtree.vue-snippets
설명: A Vue.js 3 And Vue.js 2 Code Snippets Extension
버전: 1.0.4
게시자: hollowtree
VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets

이름: Vue Language Features (Volar)
ID: Vue.volar
설명: Language support for Vue 3
버전: 1.8.27
게시자: Vue

Node.js설치

Node.js — Run JavaScript Everywhere

설치 후 터미널에서 npm -v를 입력하여 제대로 설치되었는지 확인한다.

Vue.js 설치

sudo npm install -g @vue/cli

# vue 버전 확인
vue --version

프로젝트 생성

vue create [프로젝트 이름]

프로젝트 생성시, 오류가 발생하면 sudo vue create [프로젝트 이름] 으로 하면 됨.

Vue버전은 3.0으로 설정해주고

Manual은

엔터 계속 누르면 된다.

실행 테스트

1. cd [프로젝트 이름] 해당 프로젝트에 들어가서
2. npm run serve를 실행시켜 준다.
   1. 여기서 오류가 뜨면 sudo npm run serve로 실행시켜 주면 됨

이런 화면이 나오면 성공