介绍

vue有vue-cli脚手架,但uniapp的脚手架我下不下来(主要是npm下不来那脚手架),所以就上gitee随便找了个基本的脚手架,然后经过自己的深度改造

原项目:https://gitee.com/xlzy520/uniapp-tailwind-uview-starter

• 路由使用了uni-simple-router,于src/router/index.js,使得路由变得和vue的一样,使用文档 值得注意的是，跳转到非tabbar用push，跳转到tabbar，用pushTab
• 封装了vuex,在store下
• 封装了token的消息头请求,如果有记录token,都会请求的.在登陆的时候获得token,调用utils/setTokenAndUserInfo,然后在utils/request获取uni.getStorageSync('token').接下来在路由src/router/index.js中判断,如果有则加入vuex进行响应式使用
• 推荐使用better-mock做mock假数据请求,啥都不用封装拦截,很方便(本项目还没安装)better-mock
• api都封装好了,写好直接用就行
• 页面的tabbar和注册都要写在src/pages.json中

使用步骤：

1、安装

• 建议先下个HBuildertX,能一步傻瓜式部署
• 命令行执行npm install ，安装所需依赖

2、启动

h5的方式（推荐，我先做的网页版在做的小程序版本）

npm run serve

小程序

先安装微信开发者工具和HbuilderX，2者都打开

1. HbuilderX导入项目

2. 微信开发者工具获取服务端口

3. 微信开发者工具获取AppId

   你先扫码登录，不要用游客模式登录微信开发者工具

   

   

   

   4. 启动

会弹出来

码农版启动小程序

上面一样在微信开发者工具获取AppId，然后

npm run dev:mp-weixin

直接导入就行

3、预览

项目地址