본문 바로가기

Vue 3이 나왔음에도 Vue 2를 설치하는 방법을 올리는 이유는 회사에서 아직까지 Vue 2를 사용하고 있기 때문입니다. Vue의 모든 프로젝트를 Vue 3으로 올릴 때까지는 Vue 2를 사용할 것이니 2로 프로젝트를 생성하여 연습해보려고 합니다!

 

🔨 Vue-cli 2 설치 방법

1. npm 설치

npm이 설치되지 않았다면 아래 링크로 가서 설치방법 참고하시면 됩니다.

https://developer-kimmy.tistory.com/31

 

NPM(Node.js) 설치 및 버전 확인 방법

npm을 설치하기 전에 npm이 무엇인지 간단하게 알아보자. npm이란 npm은 Node Package Manager의 약어로 자바스크립트 프로그래밍 언어인 Node.js를 위한 패키지 관리자이다. 그렇기에 npm은 Node.js로 만들어

developer-kimmy.tistory.com

 

2. vue-cli 설치

VSCode의 터미널 창이나 cmd창을 열어 'npm install -g vue-cli'를 입력하세요.

npm install -g vue-cli

예외상황) 위 명령어 입력 시 아래와 같은 오류가 발생하여 '-f'옵션을 주어 강제로 설치하였습니다.

 

3. Vue 버전 확인

Vue가 제대로 설치되었는 지 버전을 확인해봅시다.

Vue -V

 

여기까지 Vue 설치까지 완료하였습니다.

 

Next) [Vue] Vue-Cli 프로젝트 생성 및 실행

https://developer-kimmy.tistory.com/34

 

[Vue] Vue-cli2 프로젝트 생성 및 실행

Vue-cli2 프로젝트 생성 방법 1. 프로젝트 생성 프로젝트가 생성되었으면 좋겠는 폴더 위치로 이동하여 아래와 같은 명령어를 입력하시면 됩니다. 이때, VSCode 터미널 창에서는 vue가 아닌 vue.cmd로

developer-kimmy.tistory.com

 

'Vue' 카테고리의 다른 글

[Vue] Vue-cli2 프로젝트 생성 및 실행  (0) 2021.11.21
[AG Grid] ag-grid 속성  (0) 2021.08.24

개발의 각궁

Spring | Spring MVC | Spring Boot | Spring Security | Mysql | Oracle | PostgreSQL | Mybatis | JPA | Angular.js | Vue.js | Nuxt.js | React.js | TypeScript | JSP | Frontend | Backend