Vue js SPA 프로젝트 생성 및 실행하기, node js 설치

SPA란?

단일 페이지 어플리케이션으로 사용자가 접속 후 다시 페이지를 리로딩하지 않고 필요한 부분만 로딩되는 형태.

적은 트래픽과 빠른 페이지 변환이 장점.

 

---

Node js 설치

SPA 사용을 위해 node js 설치 필요

 

1. 홈페이지 접속 후 LTS 버전으로 다운

2. 명령 프롬프트에서 Vue-CLI 설치 : vue cli가 기본적인 프로젝트 세팅 해줌 (폴더 구조, 웹팩 설정, 라이브러리 구성 등)

C:\Users\user>npm install -g @vue/cli

 

 

3. 프로젝트 생성

 - 신규 프로젝트 템플릭 설정 : 기본 또는 사용자 정의 중 선택

 

 

 

---

웹팩 모듈 설치

vs code 터미널 창에서 웹팩 모듈 설치할 폴더로 이동후 설치 진행

npm install

UNABLE_TO_VERIFY_LEAF_SIGNATURE 에러 발생시

npm config set strict-ssl false

위 명령어 실행 후 다시 설치하면 진행 됨

 

---

 

실행

npm run serve

위 명령어 입력하여 개발자 모드 Open

Local 링크 Ctrl+클릭해서 실행 가능

 

종료 방법 : Ctrl + C