vue2做webapp心得

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

项目搭建 地址github

                  $ git clone https://github.com/raintao/vue2_app_template.git
                  $ cnpm install
                  $ npm run dev   

所用的技术架构

vue+vuex+vue-resource

vue2官网

vuex

vue-router

官方命令行工具vue-cli

UI mnit-ui muse-ui

交互 axios,github地址

icon material icons

打包平台 HBuild

css预编译less

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

默认配置为基于iphone6的设计稿，1rem=100px,即1px=0.01rem；

字体、border用px，布局用rem，固定定位的header、footer建议也用px布局；

另本模版对于mintUI和museUI组件按需引入的webpack已配好，less语法等，对于es6语法不会提醒