[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 누르면 기본으로 설치된다.


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

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


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



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


'Vue' 카테고리의 다른 글

바인딩 양방향바인딩  (0) 2020.02.10
컴포넌트 불러오기  (0) 2019.08.27
Cli설치시 에러  (0) 2019.08.02
이벤트 처리  (0) 2019.08.02
디렉티브  (0) 2019.08.02

+ Recent posts