>웹 프론트엔드 >JS 튜토리얼 >Vue Family Bucket은 소규모 쇼핑몰의 코드 공유를 실현합니다.

Vue Family Bucket은 소규모 쇼핑몰의 코드 공유를 실현합니다.

小云云
小云云원래의
2018-02-22 14:56:013163검색
  • 먼저 전역으로 설치하세요.

npm install -g @vue/cli
// 或
yarn global add @vue/cli
  • 그러다가 프로젝트를 생성하고 나면 디렉터리 구조가 더 단순해진 것을 확인할 수 있습니다. 빌드 및 구성 디렉토리는 사라졌습니다. vue-cli는 여전히 webpack 패키징 도구를 사용하지만 기본적으로 구성됩니다. vue-config.js만 남고 기본 구성을 변경해야 할 때 사용합니다. 실제 개발자로서 사용하지는 않았습니다.

  • 대부분의 사람들은 개발 과정에서 템플릿과 스타일 전처리를 사용합니다. 해당 종속성을 설치하기만 하면 됩니다. 저는 pug와 sass를 사용하여 해당 템플릿 종속성 패키지를 설치합니다. 패키징 도구에는 기본적으로 거의 모든 로더가 설치되어 있으므로 직접 사용하면 됩니다.

프로젝트 미리보기

Vue Family Bucket은 소규모 쇼핑몰의 코드 공유를 실현합니다.

Vue Family Bucket은 소규모 쇼핑몰의 코드 공유를 실현합니다.

프로젝트 요약

이제 정적 리소스(이전 버전 스캐폴딩의 정적 디렉터리)가 public . <code>public下。
http请求依旧使用axios模拟请求本地数据,轮播图和弹框使用mint-ui。
购物车数据使用vuex
http 요청은 여전히 ​​axios를 사용하여 로컬 데이터 요청을 시뮬레이션하고 캐러셀 이미지와 팝업 상자는 mint-ui를 사용합니다.
장바구니 데이터는 vuex

를 사용하여 관리됩니다. 관련 추천:

WeChat Small Mall 1.1

🎜🎜🎜

위 내용은 Vue Family Bucket은 소규모 쇼핑몰의 코드 공유를 실현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.