기본적으로 노드가 설치되어 있어야 합니다.

npm을 사용할 수 있는 환경을 만들어주세요.

 

vue-cli 를 통한 webpack 패키지로 시작을 하도록 하겠습니다.

 

1. vue-cli 설치

npm install -g vue-cli

 

2. webpack 설치 (기본적인 템플릿을 제공합니다, 많은 기능이 필요 없다면, webpack-simple 로 해도 무방합니다.)

설치하려는 폴더로 이동한 후, 아래 명령어를 입력합니다.

vue init webpack my-project

 

위에서 webpack 을 명시한 곳에는 옵셔널로 다른 값을 주어도 됩니다. (예: webpack-simple, browserfy, simple 등등)

my-project 는 프로젝트의 이름입니다.

 

3. 프로젝트 폴더 이동

cd my-project

 

4. node_module 설치

npm install

 

5. local 환경에서 실행 (로컬 브라우저에서 결과물을 볼 수 있습니다.)

npm run dev

 

 

vue 를 사용하기 위한 템플릿을 만들었습니다. 이제부터 코딩을 해보도록 하겠습니다.

다음시간에..

Posted by 자바리즘
,