通过使用了一段vue后，对于做webapp来说，自己有了一套自己的架构，和大家分享一下，欢迎大家提出意见，共同探讨，谢谢。
项目搭建地址github

$gitclonehttps://github.com/raintao/vue2_app_template.git
$cnpminstall
$npmrundev

所用的技术架构
vue+vuex+vue-resource
vue2官网
vuex
vue-router
官方命令行工具vue-cli
UImnit-uimuse-ui

交互axios,github地址

iconmaterialicons

打包平台HBuild

css预编译less

static文件夹主要放一些图片,第三方文件。src中的目录如下：
|--App.vue
|--components单文件组件文件夹
|--diy封装的api接口等
|--main.js入口文件
|--pages页面
|--publiccss重置、统一制定主题、样式等css文件
|--router路由文件
|--storevuex

默认配置为基于iphone6的设计稿，1rem=100px,即1px=0.01rem；
字体、border用px，布局用rem，固定定位的header、footer建议也用px布局；
另本模版对于mintUI和museUI组件按需引入的webpack已配好，less语法等，对于es6语法不会提醒    

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道！