vue cli 프로젝트 생성하기 2.X, 3.X

[Vue CLI 2.X]

1. 명령 프롬프트 창을 열어준다.

2. ~루트에서  vue init webpack-simple [프로젝트명] 입력

3. Project name : 프로젝트 이름은?

4. Project description : 프로젝트 설명은 ?

5. Author : 소스코드 제작자 이름

6. License : 라이선스 유형

7. Use sass? (y/N) : Sass를 사용할 것인가?  (css언어를 설치여부, css로도 충분히 화면의 요소를 스타일링할 수 있기 때문에 '사용하지않음(No)'로 설정

 

위 안내문에 따라 명령어를 모두 입력해준다.

cd vuetest

npm install

npm run dev

아래와 같이 실행되는 걸 볼 수 있다.

프로젝트 디렉터리 구조

package.json 내용

[Vue CLI 3.X]

vue create ' 프로젝트 폴더 위치' 

enter 누르면 기본으로 설치된다.

모든 설치가 완료되면 아래와 같이 나온다.

아래의 녹색을 터미널에 입력해보자.~

아래의 주소를 브라우저에 붙여넣자.~

아래와 같이 나오면 성공이닷!