[Vue] Vue 3.x 버전 설치 및 환경 세팅

1. Node.js 설치 

 - Node.js 는 npm 을 사용하기 위해 설치하는 것

 - 최신 버전으로 설치할 것 (최신 or 최신 LTS 버전 아니면 에러남)

https://nodejs.org/ko/download/

다운로드 | Node.js

 

2. VSCode 설치

 1) 메뉴바에서 Terminal > New Terminal 진입

npm install -g @vue/cli

 

 2) Extension 설치

 - Vetur 설치

 - HTML CSS Support 설치

 - Vue 3 Snippets 설치

 

여기까지 완료 되었다면 이제 뷰 프로젝트 생성을 시작해보자.

 

1. VSCode를 열고, 프로젝트를 생성할 폴더 위치에 진입

 1) 메뉴바에서 Terminal > New Terminal 진입

vue create 프로젝트명

 

이때 'vue : 이 시스템에서 스크립트를 실행할 수 없으므로 ~ 파일을 로드할 수 없습니다.' 라는 에러가 뜨면

 - VSCode를 관리자 권한으로 실행한다.

 - RemoteSigned 정책 설정을 해준다.

Set-ExecutionPolicy RemoteSigned //정책설정하기
Get-ExecutionPolicy //현재 정책 확인

 

2. 프로젝트명의 폴더에 진입

npm run serve

 

3. http://localhost:8080/ 접속하여 Welcome to Your Vue.js App 이 보이면 성공!