Vue 组件化开发全流程脚手架– vpds

作者: Rememberautumn 分类: Nodejs 发布时间: 2017-07-08 23:28 阅读: 761

什么是 VPDS

VPDS 是一个 vue 开发的脚手架,拥有项目、组件初始化,调试,组件管理,多套发布环境支持,一键发布等功能等功能,让你的开发过程顺畅自然,节约开发者的时间。

VPDS 的思想是通过方便的组件管理系统及组件安装方式将所有的项目中的组件拍平,形成一个大的组件池,解决跨项目公用组件的难度。

项目的开发,从面向页面到面向组件开发转变,让开发者在开的过程中就直接采用开发组件的形式,节约了可公用组件后期再抽离成组件的时间。

VPDS 的结构

VPDS
├── config //项目的配置
├── server // 启动的服务器
│   ├── config
│   ├── dev
│   │   ├── build //构建脚本
│   │   └── config // 构建配置
│   ├── src
│   │   ├── app // 模块管理后台
│   │   │   ├── dist
│   │   │   └── src
│   │   │   ├── assets
│   │   │   ├── common
│   │   │   └── components
│   │   ├── lib
│   │   └── modules
│   └── template //模板目录,可行添加多套模板
│   ├── m-module
│   │   ├── assets
│   │   └── components
│   ├── m-page
│   │   ├── assets
│   │   └── components
│   ├── pc-module
│   │   ├── assets
│   │   └── components
│   └── pc-page
│   ├── assets
│   └── components
├── sql // 数据库表结构
└── src // 开发所在目录
├── modules // 模块目录

└── pages // 页面目录

项目地址:https://github.com/4013465w/vpds

演示 gif

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注