# vue-shop

> Online shop based on vue.js

Latest version **1.0.0** (published 2017-11-27) · GPL-3.0 license · 0 weekly downloads

## Install

```sh
npm install vue-shop
pnpm add vue-shop
yarn add vue-shop
bun add vue-shop
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2017-11-27 |
| First published | 2017-11-27 |
| Weekly downloads | 0 |
| License | GPL-3.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 12 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | viosey |
| Maintainers | viosey |

## Links

- npm: https://www.npmjs.com/package/vue-shop
- Repository: https://github.com/viosey/vue-shop
- Homepage: https://github.com/viosey/vue-shop#readme
- Issues: https://github.com/viosey/vue-shop/issues
- npm.io page: https://npm.io/package/vue-shop

## Dependencies (12)

- [vue](https://npm.io/package/vue.md) ^2.2.1
- [jsonp](https://npm.io/package/jsonp.md) ^0.2.1
- [mysql](https://npm.io/package/mysql.md) ^2.13.0
- [express](https://npm.io/package/express.md) ^4.15.2
- [tachyons](https://npm.io/package/tachyons.md) ^4.9.0
- [body-parser](https://npm.io/package/body-parser.md) ^1.17.1
- [vue-lazyload](https://npm.io/package/vue-lazyload.md) ^1.0.3
- [cookie-parser](https://npm.io/package/cookie-parser.md) ^1.4.3
- [cookie-session](https://npm.io/package/cookie-session.md) ^2.0.0-beta.1
- [express-router](https://npm.io/package/express-router.md) ^0.0.1
- [express-static](https://npm.io/package/express-static.md) ^1.1.0
- [vue-awesome-swiper](https://npm.io/package/vue-awesome-swiper.md) ^2.6.7

## Recent versions

- 1.0.0 (latest) — 2017-11-27

## README

# vue-shop
>基于 [vue-jd](https://github.com/viosey/vue-jd)

## 安装

1. 下载项目
```bash
git clone https://github.com/viosey/vue-shop.git
```

2. 在 MySQL 中导入 `vue-shop.sql` 文件


## 运行

1. 修改数据库配置：

`route/index.js`
>自行修改 host, user, password database

```bash
const db = mysql.createPool({
    host: 'localhost',
    user: 'root',
    password: 'root',
    database: 'vue-shop'
});
```

2. 进入项目目录：
```bash
cd vue-shop
```

3. 安装依赖：
```bash
npm install
```

4. 开启后台服务：
```bash
node server.js
```

5. 运行 dev 模式：
```bash
npm run dev
```

## 目录结构
<pre>
.
├── README.md           
├── libs               		// 后台常用工具模块的封装, 比如格式化事件、MD5 加密等
├── route              		// 后台接口的编写目录
├── server.js          		// 后台服务的配置文件
├── webpack.config.js  		// webpack 配置文件
├── index.html         		// 项目入口文件
├── package.json       		// 项目配置文件
├── src                		// 生产目录
│   ├── assets         		// css, js, fonts, images 资源
│   ├── components     		// 各种 vue 组件
│   ├── store          		// vuex 状态管理器
│   ├── App.vue        		// 项目中全局 vue
│   ├── main.js        		// webpack 预编译入口
│   └── router.config.js    // vue 路由配置文件
</pre>

## 架构
### 前端
- SCSS, Vanilla.js
- 脚手架: [vue-cli](https://github.com/vuejs/vue-cli)
- 数据请求处理框架: [axios](https://github.com/axios/axios)
- 路由处理: [vue-router](https://github.com/vuejs/vue-router)
- 图片懒加载: [vue-lazyload](https://github.com/hilongjw/vue-lazyload)

### 服务端
- [Node.js](https://nodejs.org/)
- [Express](http://www.expressjs.com/) 中间件进行服务的配置，路由、请求的处理
- body-parser: 中间件进行前端请求参数的获取
- cookie-parser, cookie-session: cookie 与 session 的处理

### 数据库
- MySQL

---
_Source: https://npm.io/package/vue-shop · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._