Vue 2.0 프로젝트 실전 발표 방법

안녕하세요,이 절 에 우 리 는 주로 프로젝트 의 발 표를 설명 합 니 다.사실은 매우 간단 합 니 다.여러분 이 생각 하 는 것 처럼 복잡 하지 않 고 구체 적 으로 다음 과 같은 조작 을 합 니 다.
1.VUE 프로젝트 만 들 기
우선 VUE 프로젝트 를 만들어 야 합 니 다.프로젝트 를 만 드 는 코드 는 다음 과 같 습 니 다.

#      vue-cli
$ npm install --global vue-cli
#        webpack       
$ vue init webpack my-project
#     ,  
$ cd my-project
$ npm install
$ npm run dev
항목 캡 처 는 다음 과 같 습 니 다.

프로젝트 캡 처
프로젝트 패키지
포장 하기 전에 수정 해 야 할 부분 이 있 습 니 다.바로 config->index.js 파일 입 니 다.assets PublicPath:'/'를 assets PublicPath:'/'로 수정 하고 캡 처 는 다음 과 같 습 니 다.

index.js 파일

//       ,    ,      :
npm run build
포장 후 캡 처
포장 후 프로젝트 디 렉 터 리 에 dist 폴 더 가 생 성 됩 니 다.이것 이 우리 의 전체 프로젝트 입 니 다.그림 에서 보 듯 이:

dist 폴 더
발표
마지막 단 계 는 간단 합 니 다.dist 디 렉 터 리 를 서버 에 버 리 면 됩 니 다.간단 하지 않 습 니까?
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기