Vue CLI 로 Webpack Simple 프로젝트 생성

필자는 Visual Studio Code를 사용합니다.

1. Node.js 설치하기

cmd 창에서 node -v로 node 버전 확인.

2. Vue CLI 설치

cli (command line interface)

=> 명령 프롬프트에서 프로젝트를 생성하고 빌드하는 도구.

3. 프로젝트 생성

webpack 템플릿

=> webpack + vue-loader, hot-reload, linting(ESLint), unit testing(karma+mocha), e2e test(Nightwatch)

4. npm install

5. npm run dev

컴파일, ESLint 작업을 거치고 node.js 서버에서 프로젝트가 실행된다.

소스 코드를 수정하고 저장하면, 수정된 부분에 대해서 ESLint, hot-reload 작업이 진행된다.

(hot-reload = 수정된 소스 코드가 서버에 즉시 반영된다)

6. 결과 확인

브라우저 URL : http://localhost:8080/

Dev.KimJye