https://github.com/Awheat/vue2-douban-market

一个vue全家桶入门Demo ！
https://github.com/Awheat/vue2-douban-market

Last synced: 2 months ago
JSON representation

一个vue全家桶入门Demo ！

• Host: GitHub
• URL: https://github.com/Awheat/vue2-douban-market
• Owner: Awheat
• Created: 2017-03-17T03:20:20.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2021-03-11T08:35:25.000Z (almost 4 years ago)
• Last Synced: 2024-08-02T09:22:23.451Z (5 months ago)
• Language: Vue
• Homepage: http://ingrace.cn/examples/7/douban/#/
• Size: 766 KB
• Stars: 863
• Watchers: 25
• Forks: 190
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-vue - vue2-douban-market - 仿豆瓣市集webapp项目 (UI组件)
• awesome-github-vue - vue2-douban-market - 仿豆瓣市集webapp项目 (UI组件)
• awesome - vue2-douban-market - 仿豆瓣市集webapp项目 (UI组件)
• awesome-vue - vue2-douban-market - douban-market?style=social) - 仿豆瓣市集webapp项目 (UI组件)

README

        
# vue2-douban-market 

这是基于vue2 + vue-router2 + vuex + axios 仿(豆瓣市集)的一个vue全家桶入门Demo！

### 线上访问地址

http://ingrace.cn/examples/7/douban/#/

### 手机扫码访问

![Markdown](http://www.ingrace.cn/static/images/ewm_vue.png)

### 部分截图

![Markdown](http://ingrace.cn/static/images/db_market_preview.png)

### 项目地址：（`git clone`）

```shell

git clone https://github.com/Awheat/vue2-douban-market.git

```

### 安装

```

npm install

```

### 运行

```

npm run dev

```

浏览器输入:(http://localhost:8080)即可看到效果

### 发布

```

npm run build

```

### 技术栈

在此DEMO中使用了一下技术

* vue2

* vue-router2

* vuex

* webpack2

* es6

* axios

* vue-infinite-scroll

* vue-lazyload

### 目录结构


.

├── README.md           

├── build              // 构建服务和webpack配置

├── config             // 项目不同环境的配置

├── dist               // 项目build目录

├── index.html         // 项目入口文件

├── package.json       // 项目配置文件

├── src

│   ├── assets         // css js 和图片资源

│   ├── components     // 各种组件

│   ├── mock           // 模拟数据

│   ├── pages          // 各页面

│   ├── router         // 存放路由的文件夹

│   ├── store	       // 状态管理store

│   ├── App.Vue        // 模板文件入口

│   └── main.js        // Webpack 预编译入口

│	




### 感谢

感谢您的来访 ，如果对于您有帮助 ，就使劲的给个Star吧 ！ ^_^