# webpack-vue-template

Latest version **1.0.0** (published 2017-12-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install webpack-vue-template
pnpm add webpack-vue-template
yarn add webpack-vue-template
bun add webpack-vue-template
```

## 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-12-07 |
| First published | 2017-12-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 16 |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| Author | H5DevHoward |
| Maintainers | h5devhoward |

## Links

- npm: https://www.npmjs.com/package/webpack-vue-template
- Repository: https://bitbucket.org/h5devhoward/webpack-vue-template
- Homepage: https://bitbucket.org/h5devhoward/webpack-vue-template#readme
- npm.io page: https://npm.io/package/webpack-vue-template

## Dependencies (16)

- [vue](https://npm.io/package/vue.md) ^2.2.1
- [vuex](https://npm.io/package/vuex.md) ^2.3.1
- [webpack](https://npm.io/package/webpack.md) ^2.6.1
- [vue-loader](https://npm.io/package/vue-loader.md) ^11.1.4
- [vue-router](https://npm.io/package/vue-router.md) ^2.5.3
- [webpack-merge](https://npm.io/package/webpack-merge.md) ^4.1.0
- [babel-polyfill](https://npm.io/package/babel-polyfill.md) ^6.23.0
- [postcss-cssnext](https://npm.io/package/postcss-cssnext.md) ^2.11.0
- [vue-html-loader](https://npm.io/package/vue-html-loader.md) ^1.2.4
- [isomorphic-fetch](https://npm.io/package/isomorphic-fetch.md) ^2.2.1
- [copy-webpack-plugin](https://npm.io/package/copy-webpack-plugin.md) ^4.0.1
- [html-webpack-plugin](https://npm.io/package/html-webpack-plugin.md) ^2.28.0
- [clean-webpack-plugin](https://npm.io/package/clean-webpack-plugin.md) ^0.1.16
- [vue-template-compiler](https://npm.io/package/vue-template-compiler.md) ^2.2.1
- [extract-text-webpack-plugin](https://npm.io/package/extract-text-webpack-plugin.md) ^2.1.2
- [nyan-progress-webpack-plugin](https://npm.io/package/nyan-progress-webpack-plugin.md) ^1.2.0

## Recent versions

- 1.0.0 (latest) — 2017-12-07

## README

# Vue template



> ## Technology stack

- ### *vue2*

- ### *vuex2*

- ### *vue-router*

- ### *webpack2*

- ### *eslint*

- ### *fetch*



### Step1.

```Shell
$ npm install
```

### Step2.

```shell
$ npm run dev #preview/open NODE_ENV=development
```


### Step3.

```Shell
$ npm run build #build this project
```



## 目录结构

```
.
├── config/                # Webpack和postcss 配置目录
├── dist/                  # build 生成的生产环境下的项目
├── src/                   # 源码目录（开发都在这里进行）
│   ├── assets/            # 放置需要经由 Webpack 处理的静态文件
│   ├── components/        # 组件
│   ├── filters/           # 过滤器
│   ├── mixins/            
│   ├── routes/            # 路由
│   ├── services/          # 服务（统一管理 XHR 请求）
│   ├── store/             # 状态管理
│   ├── utils/             # 工具类
│   ├── views/             # 路由页面组件
│   ├── index.js           # 启动文件
│   ├── index.html         # 静态基页
├── static/                # 放置无需经由 Webpack 处理的静态文件
├── .babelrc               # Babel 转码配置
├── .eslintignore          # （配置）ESLint 检查中需忽略的文件（夹）
├── .eslintrc              # ESLint 配置
├── .gitignore             # （配置）需被 Git 忽略的文件（夹）
├── package.json           # （这个就不用多解释了吧）
```



#### `dev/components/`

- 主要是全局性的，或通用性很强的组件，具备良好的封装性
- 一般不会涉及到具体的业务逻辑

#### `dev/views/`

- 主要是业务性的页面组件，基本不具备通用性

- 基本与路由一一对应（例如 `/dev/views/auth/login.vue` 对应着路由 `/auth/login`）

  ​

> 若多个功能模块通用的，则建议移到全局，即 `dev/components/` 等

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