[Vue.js] Vue.js 시작하기

0. VS Code 다운로드 

- 환경에 맞춰 다운로드 

Download Visual Studio Code - Mac, Linux, Windows

 

---

1. Node.js 설치 (최신 LTS 버전: 16.14.2 (includes npm 8.5.0))

다운로드 | Node.js

Setup파일 받아서 설치

설치 완료뒤, 추가적인 파일들 설치

설치 완료후, node와 npm 버전 확인

# NPM (Node Package Modules) :  Node.js에서 사용 가능한 모듈들을 패키지화 시켜 놓은 것.

2. VS Code 터미널 열고, 아래 명령어를 실행한다.

(터미널 여는 단축키 : Ctrl + Shift +  ' ,  상단에 Terminal 클릭하면 됨) 

> npm install -g @vue/cli

명령어이후 설치중인 상태

설치완료

---

3. 프로젝트 생성하기 

> 프로젝트 생성할 위치로 이동 (cd ?)

> vue create 명령어로 프로젝트 생성 (vue create ? )

> cd .\project-name
> npm run serve

# 에러날 경우 

vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\user\AppData\Roaming\npm\vue.ps1 파일을 로드

 

새프로젝트 설치 완료

4. 프로젝트 실행 

> 해당 프로젝트 위치에서 npm run serve 명령어로 프로젝트 실행

> npm run serve

그 자리에서 바로 실행하면 이렇게 오류가 남.

따라서, 위치 이동후 실행!

> cd firstvue
> npm run serve

터미널 실행완료 화면

 

 

->  http://localhost:8080/ 로 들어가서 밑에와 같은 화면이 나오면 프로젝트 생성완료!