白羽
2018-07-19
来源 :网络
阅读 1506
评论 0
摘要:本文将带你了解WEBAPP开发之vue2做webapp心得,希望本文对大家学WebApp有所帮助。
通过使用了一段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频道!
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了

请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式AI+学习就业服务平台 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号