/vue2_app_template

基于vue2做移动端,并用HBuild封装为app的基本架构搭建

Primary LanguageJavaScriptApache License 2.0Apache-2.0

vue2_app_template

项目搭建

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

所用的技术架构

vue+vuex+vue-resource

icon material icons 需要时刻联网,改为font awesome

打包平台 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语法不会提醒