본문 바로가기
Front-End (web)

Window Vue 개발환경

by 햄과함께 2018. 11. 1.
320x100

https://nodejs.org 에서 node.js LTS 버전으로 설치.


버전 확인

$ node -v
$ npm -v
cs


vue-cli 설치

npm install vue-cli -g
cs


vue 프로젝트 생성

vue init webpack [프로젝트 이름]
cs


프로젝트 설정은 입맛대로 하면된다.


package.json에 들어가면 실행 스크립트를 볼 수 있다.

npm run [dev, start, unit, test, lint, build] 중 선택해서 실행하면 각 명령어에 맞는 스크립트가 실행된다.


vue 웹 사이트를 띄워보려면 

npm run start 
cs

명령어를 이용한다.



localhost:8080으로 접근하면 아래와 같은 화면 확인가능.



320x100

'Front-End (web)' 카테고리의 다른 글

[Vue.js/Webpack] vue-html-webpack-plugin으로 임시 html 만들기  (0) 2018.12.17
[Vue.js / Vuex] 전역상수  (0) 2018.12.03
jsp -> vueJs 전환 기록  (0) 2018.11.06
[Vue] 상수 사용  (0) 2018.11.01
Window React 개발환경  (0) 2018.10.28

댓글