[Vue.js] 개발환경 설정하기

1. node.js 설치

https://nodejs.org/en

Node.js — Run JavaScript Everywhere

 

위 경로로 들어가 node.js를 설치한다.

 

2. Vue cli 설치

Vue cli는 개발환경을 설정해주는 도구

 

2.1 설치 과정

1. Window OS에서는 vscode 터미널을 powershell에 npm install -g @vue/cli를 입력한다.

 

2. 설치 과정 중 이런 오류가 발생했다면 아래와 같이 해결한다.

 

3. powershell에서 Set-ExecutionPolicy RemoteSigned 입력

 

4. 설치 완료

 

3. vscode 확장팩 설치

3.1 Vue - Official

 

3.2 Vue 3 Snippets

 

4. 프로젝트 생성

4.1 터미널 상에서 vue create [프로젝트명] 입력

 

4.2 디폴트 설정은 vue3로 설정 (엔터로 다음)

4.3 프로젝트 생성 오류

 

코드 3221225477 오류는 프로젝트 폴더 경로 문제가 대부분이다.

OneDrive에서 프로젝트를 생성하면 안된다고 하니 C드라이브로 옮겨 다시 설치해보자

 

4.4 프로젝트 생성 완료

Successfully created project가 뜨면서 프로젝트 생성이 완료 됐다.

 

5. 서버 실행

5.1 터미널 창에 npm run serve를 입력

 

해당 url을 ctrl + 좌클릭해서 들어간다.