A full FE framework based on Vue-cli
# 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
app
|---build # �编译配置
| |---build.js
| └───check-versions.js
|
|---mock # 数据模拟
|
|---src # 开发目录
| |---assets # 资源文件
| | |- images # 图片
| | |- icons # iconfont/svg
| | |- stylus # stylus
- webpack
- browserslist
- Dev Server Proxy
- Babel
- CSS
- ESLint
- TypeScript
- Unit Testing
- E2E Testing
- dependencies
For details, check out the docs for vue-cli、guide and docs for vue-loader.
- 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
- 同级页面之间跳转动画
- hash router
- H5 history router
- 首屏预编译
- 产出静态页面
- 服务端渲染
more: vue-loader、awesome-vue