본문 바로가기
프론트엔드/Vue

[Vue.js] Vue3 설치 하기 feat Vue-Cli

by jinwanseo 2021. 8. 11.
728x90

[Vue.js] Vue3 설치하기 feat vue-cli

 

1. NodeJs 설치

https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

2. VSCODE 설치 (코드 에디터)

https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

3. VSCODE 실행 후 Terminal 실행

Terminal 탭 > New Terminal 클릭

 

4. Terminal 에서 하단 명령어 입력

//mac 사용자는 명령어 앞에 sudo 추가
npm i -g @vue/cli

 

5. VSCODE 프로젝트 폴더 경로에서 하단 명령어 입력

//같은 폴더내 뷰 기본 실행 파일 생성
Vue create .

 

6. 하단 명령어를 통해 실행해보기

npm run serve

 

 

728x90

댓글