npm install
npm run serve // 开发模式
npm run build // 打包
ui-vue-pc
├── README.md
├── babel.config.js
├── doc // 组件使用演示
│ ├── doc-item.vue // 文档模板组件
│ ├── doc.vue // 组件文档集合
│ └── ...
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
│ ├── favicon.ico
│ └── index.html
├── src
│ ├── App.vue // 根组件
│ ├── assets // 静态资源文件夹
│ │ ├── iconfont
│ │ │ └── ...
│ │ ├── images
│ │ │ └── ...
│ │ └── sass
│ │ ├── _common.scss // 全局公用样式
│ │ ├── _mixin.scss // 所有的公用 mixin
│ │ ├── _resetPc.scss // 重置样式
│ │ └── main.scss // 样式主入口
│ ├── components // 公共组件 本项目的重点文件夹,组件源码都在这里
│ │ └── ...
│ ├── main.js // 脚本主入口
│ ├── router.js // 路由
│ ├── store // vuex
│ │ ├── actions.js
│ │ ├── index.js
│ │ ├── modules
│ │ └── mutations.js
│ ├── views // 视图文件夹,存放所有的页面文件
│ │ └── ...
└── test // 测试文件夹
└── ...
在工作中用了社区的一些成熟的UI框架,因而有些心得,于是自己写了一些练练手