本系列介绍基于vue3的移动端项目开发。vue是目前国内主流的前端开发框架之一，在电脑端和手机端都有比较丰富的生态系统，在开始之前， 先简要了解一下web技术的发展过程有助于我们更好小发猫。vue开发移动端vue 开发移动端项目依赖： 一：移动端布局适配： amfe-flexible/index :安装依赖，mian.js导入import 'amfe-flexible/index' // 移动端适配postcss-pxtorem : vu好了吧！

这篇文章主要给大家介绍的是基于Vue2的移动端环境搭建，移动端大家更多想到的是响应布局，我们根据不同大小的屏幕进行适配，当然少不了我们的重头戏rem,移动端相比pc端就没什么特别的说完了。手上的vue移动端项目已经开发了大几个月了，遇到了一些很有意思的坑，也让自己学习了很多；写此文主要目的是记下一些我遇到的坑，以及自己的解决方案，分享的同时也方便以后复习。项目后面会介绍。

better-scroll(https://better-scroll.github.io/docs/en-US/)是一个为移动端各种滚动场景提供丝滑的滚动效果的插件，如果在vue中使用可以参考作者的文章当better-scroll 遇见Vue(小发猫。公司需要开发一款移动端的app,奈何团队没有ios技术，工期比较短，所以选择使用vue开发HTML5经过打包处理形成移动端app。项目构思1 项目整体使用Vue+HbuilderX开发2 Vue实现基本页小发猫。

一、移动端开发1.1 Vant 组件库类似于Element-ui 先安装npm i vant -S,也可以通过vue ui在vue图形化界面中安装// 在全局配置的main中注册组件// 引入组件imp好了吧！vue,@click="event()",添加()与不添加()的区别； 1、cssrem 介绍： 一个CSS值转REM的VSCode插件。我们在做移动端开发时，为了网页适配，一般会将像素单位px转换为rem.在用vscode等会说。

公司现在需要开发移动端的h5,使用现在比较流行的vue 2.0开发，使用的脚手架是Vant2,网络访问使用的是axios,路由跳转使用的是vue-router,开发工具是vscode,作为一个安卓开发程序员，对后面会介绍。一句命令搞定全家桶： npm install vue-router vue-resource vuex --save main.js配置： import Vue from 'vue' import VueResource from 'vue-resource' import 说完了。