vue2-template

vue-template

A full FE framework based on Vue-cli

Build Setup

# install dependencies
npm install

# 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

directory

app
|---build  # �编译配置
|     |---build.js
|     └───check-versions.js
|
|---mock   # 数据模拟
|
|---src    # 开发目录
|     |---assets    # 资源文件
|     |     |- images   # 图片
|     |     |- icons    # iconfont/svg
|     |     |- stylus   # stylus

from vue-cli

• webpack
• browserslist
• Dev Server Proxy
• Babel
• CSS
• ESLint
• TypeScript
• Unit Testing
  • Jest
  • Mocha
• E2E Testing
  • Cypress
  • Nightwatch
• dependencies
  • vue
  • vue-router

For details, check out the docs for vue-cli、guide and docs for vue-loader.

need todo

• vuex
• docs: 项目文档说明
• wepack
  • �自动打开浏览器 是否以ip打开
• icon�: 采用iconfont减少流量，托管于iconfont
• CSS模块自动加载
• eslint

new function

• template: support pug
• css: support stylus
• 兼容老项目: 将老项目拷贝在static目录下，相关router前加/static�域
• 模块加载：webpack自动加载router模块，store模块
• mock: use localStorage.mock = true to open mock
• app config: 新增项目配置文件 src/config.js，设置development和production环境下的应用配置
• H5模拟原生转场动画：
  • 同级页面之间跳转动画fade，可在app.vue中配置
  • 父转子动画slide-right
  • 子转父动画slide-left

deploy

• hash router
• H5 history router
• 首屏预编译
• 产出静态页面
• 服务端渲染

more: vue-loader、awesome-vue