前言
作为一个刚工作1年的菜鸟前端，应工作需求，开了很多小型的移动端网页项目，每次用vue-cli脚手架创建后都要往里面添加很多东西，所以就自己整理了一套基础的模板以便下次开发能快速搭建项目，废话不多说，下面简单介绍下我模板的结构
目录结构
1. apis 接口集中地
2. assets 存放图片和公用css文件
3. components 组件
4. filters 数据过滤器
5. icons svg 图标的使用(从vue-element-admin拷过来的，嘿嘿)
6. router 路由
7. store vuex状态管理
8. utils 工具函数
9. views 页面
适配
做移动端项目最基础的就是适配啦，这边使用的是 postcss-pxtorem 和 autoprefixer 插件，具体怎么使用就不说啦，反正是配好啦，需要注意的是一般移动端项目设计图是750px的，但不排除有一些不同规格的设计图，这里的话要修改vue.config.js文件的下图标红位置的数值，750px的设计图就设置为75，375px的设计图就设置为37.5
还有一个注意点！之前移动端项目用的是vant的组件库，vant组件库自身的适配为375px，导致vant组件在项目里面整整小了一圈，这里的话在vue.config.js的下图位置加上一个van
请求接口
在项目中调用接口
common.demo2(data).then(res=>{
console.log(res)
}) //demo2为设置的接口名，data为发起请求的数据，res为请求返回的数据工具函数
utils里面分两个文件夹 local_modules 放置局部的工具函数，要使用的话单独导入，overall_modules放置全局的工具函数，已经在main.js里面注册了，要使用的话在页面使用tool.函数名进行调用
icon图标使用
哈哈，就介绍这些啦，gitee地址 gitee.com/happycby/vu…
欢迎大家一起交流讨论
