Language/Vue.js
[Vue.js] Visual Studio Code에서 Vue.js 시작하기
MOMOBOB
2020. 12. 27. 22:40
반응형
1. Visual Studio Code 설치
code.visualstudio.com/Download
Download Visual Studio Code - Mac, Linux, Windows
Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.
code.visualstudio.com
2. Node.js 설치
https://nodejs.org/ko/download/
다운로드 | Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
3. vue cli 설치
VS Code의 터미널 열기 ( Crtl + ` )
아래 명령어 실행
> npm install -g @vue/cli
4. 프로젝트 생성
cd 명령어로 프로젝트 생성할 위치로 이동
vue create 명령어로 프로젝트 생성
> cd C:\dev\workspace
> vue create project-name
5. 프로젝트 실행
cd 명령어로 생성한 프로젝트 디렉토리로 이동
npm run serve 명령어로 생성한 프로젝트 실행
> cd .\project-name
> npm run serve
브라우저에서 http://localhost:8080/으로 접속시 위 화면이 나오면 성공!!
반응형