kit-start

A Vue.js project

基于 kit-pwa 定制项目最佳实践

Build Setup

# install dependencies
npm install
# 推荐使用 yarn 安装
yarn

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

结构设计 Structure

├── dist           # 打包输出
├── config         # 打包编译配置
│   ├── env.js         # 打包环境变量
│   ├── project.js     # 项目相关
│   └── index.js       # 出口
│
├── src
│   ├── assets      # 需要编译的静态资源
│   │   └── ...
│   ├── components  # 项目内公共组件
│   ├── config      # 项目自定义配置等
│   ├── router      # 去中心化路由
│   ├── service     # api 相关模块
│   │   └── mock        # 模拟数据
│   ├── setting     # 项目参数设置
│   ├── store       # vuex
│   ├── utils       # 工具
│   ├── views       # 各页面
│   │   ├── module/  # 业务模块
│   │   │   ├── xxx.spec.js
│   │   │   ├── route.js
│   │   │   ├── store.js
│   │   │   ├── api.js
│   │   │   └── ...
│   │   └── ...
│   ├── App.vue
│   ├── main.js
│   └── index.tpl
│
├── test            # 只放配置文件，具体单元测试等文件，放在项目中（src 中）
├── static          # 无需编译的静态资源
│   ├── img/icons
│   └── manifest.json
│
├── .xxxrc          # 各种开发配置
├── package.json
└── README.md