본문 바로가기

프로그램개발/Vue

vue 초기 셋팅

 

nodejs 설치

다운로드 URL : https://nodejs.org/ko/

 

Node.js

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

nodejs.org

현시점 기준으로 16.x를 설치하자. 최신 버젼은 안되는게 은근 많고 피곤함.

vue cli설치

$ npm install -g @vue/cli

설치 버젼 확인

$ vue --version

@vue/cli 5.0.4

폴더를 하나 만들고 초기 vue 프로젝트 생성한다.

$ vue create 프로젝트명(소문자)

vue3는 현시점 기준 아직 문제가 좀 많으므로 2버젼으로 생성한다.

일단 돌아는 가는 지 테스트 

$ npm run serve


  App running at:
  - Local:   http://localhost:8081/ 
  - Network: http://10.10.11.18:8081/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

 

브라우져에서 http://localhost:8081/ 입력테스트

주소랑 포트는 그때그때 달라지니 콘솔창에 찍히는 주소로 테스트 진행한다.

여기 까지 하면 vue 쓰는 기초공사는 끝.

'프로그램개발 > Vue' 카테고리의 다른 글

vue lifecycle  (0) 2022.06.15
vue 초기 셋팅  (0) 2022.06.15
vue에 폰트 포함하기.  (0) 2022.03.03

태그