vue girls

vue-girls

このプロジェクトは、モバイル端末で最も一般的に使用される無限スクロール、画像ロード、左右スライドなどを実装する最新の実用プロジェクト vue2 をベースにしています。

＃＃＃初め

---

• このプロジェクトのアドレス github アドレス

プロジェクトの技術アーキテクチャ

---

• vue-cli
• ビュー
• vueリソース
• vueルーター
• ビュークス
• vue-awesome-swiper
• vue-infinite-scroll
• スタイラス
• ウェブパック

### 上の写真

• ウォーターフォール フロー レイアウト、無限スクロール、画像の遅延読み込み

• 左右にスワイプし、左右を切り替えます

＃＃＃インストール

---

プロジェクトアドレス: git clone )

git clone https://github.com/xiaoyaopai/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

依存関係をインストールします Friendly-errors-webpack-plugin

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

###ディレクトリ構造

---

§── build // サービスと Webpack の構成をビルドします。 ├── config // さまざまなプロジェクト環境の構成 §── dist // プロジェクトのビルド ディレクトリ §── Index.html // プロジェクト エントリ ファイル ├── package.json //プロジェクト設定ファイル §── src // 制作ディレクトリ │ §── 資産 // 画像リソース │ §── common // 公開 css js リソース │ §── コンポーネント // 各種コンポーネント │ §── App.vue // メインページ 
│ §── vuex // vuex 状態マネージャー │ §── router.js // ルータコンフィギュレータ │ └── main.js // Webpack プリコンパイル済みエントリ

###機能が実装されました

---

• 滝の流れのレイアウト
• 無限スクロール
• サイドナビゲーション
• 画像の遅延読み込み
• 左右にスライドして切り替えます
• 等