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/으로 접속시 위 화면이 나오면 성공!!

반응형