vue Meizi 다운로드 - vue Meizi 소스 코드 다운로드

vue Meizi

기타 카테고리

1.0.0

다운로드

vue-Meizi

이 프로젝트는 vue2의 최신 실제 프로젝트를 기반으로 하며 초보자가 발전할 수 있는 훌륭한 튜토리얼입니다. 코드는 간단하고 이해하기 쉬우며 주석이 많습니다. 모바일 기기에서 가장 흔히 사용되는 무한 스크롤링, 사진 로딩, 좌우 슬라이딩, 대기를 구현합니다. 미리보기 버전이 먼저 출시되고, 점점 더 완전한 기능과 튜토리얼이 나중에 출시될 예정입니다.

###첫 번째

gank.io에서 제공하는 API 인터페이스 덕분에

마음에 드시면 좋아요, 팔로우, 별표, 포크 부탁드립니다.

데모 주소 데모(미리 보려면 크롬의 모바일 모드를 사용하세요)

이 프로젝트 주소는 github 주소입니다.

휴대폰으로 스캔하세요

프로젝트 기술 아키텍처

vue-cli
뷰
vue 리소스
뷰 라우터
뷰엑스
vue-awesome-swiper
vue-무한 스크롤
첨필
웹팩

### 위 사진

슬라이딩 내비게이션

폭포 흐름 레이아웃, 무한 스크롤, 이미지 지연 로딩

왼쪽과 오른쪽으로 스와이프하고, 왼쪽과 오른쪽으로 전환하세요.

###설치하다

프로젝트 주소: git clone )

git clone https://github.com/liangxiaojuan/vue-Meizi.git

npm 을 통해 로컬 서비스 타사 종속성 모듈 설치(Node.js 설치 필요)

 npm install

서비스 시작(http://localhost:9090)

 npm run dev

릴리스 코드

 npm run build

설치 참고 사항

vue-cli 설치

 npm install -g vue-cli

vue-cli eslint 설치

 npm install -g eslint

종속성 친화적인 오류-webpack-plugin 설치

 npm install friendly-errors-webpack-plugin --save-dev

###디렉토리 구조

 ├── build // 빌드 서비스 및 웹팩 구성 ├── config // 다양한 프로젝트 환경 구성 ├── dist // 프로젝트 빌드 디렉터리 ├── index.html // 프로젝트 항목 파일 ├── package.json // 프로젝트 구성 파일 ├── src // 프로덕션 디렉터리 │ ├── 자산 // 이미지 리소스 │ ├── 공통 // 공개 CSS js 리소스 │ ├── Components // 각종 컴포넌트 │ ├── App.vue // 메인페이지 
│ ├── vuex // vuex 상태 관리자 │ ├── router.js // 라우터 구성자 │ └── main.js // Webpack 사전 컴파일된 항목

###기능 구현