代码拉取完成,页面将自动刷新
一、如何运行
1.配置yarn或者npm就不说了
2.需要使用yarn add postcss-pxtorem amfe-flexible(使用npm即为 npm install postcss-pxtorem amfe-flexible ) 添加移动端适应性配置(在postcss.config.js中我规定设计稿宽度为750,即在页面设计中手机页面的最大宽度就为750px,在设计宽度时要根据此前提进行比例调节)
3.需要使用yarn add vant@latest-v2(使用npm即为 npm install vant@latest-v2 )安装Vant 2组件,其官方文档为https://youzan.github.io/vant/v2/#/zh-CN/,开发时可查看。(Vant 2组件是我比较多个后觉得最全面且好看的组件,若要使用其他组件自行导入)
4.将vue.config.js中的post换成自己电脑的ip地址(在cmd使用ipconfig命令可查看),然后使用手机开启热点给电脑连接,此时在电脑运行vue项目手机也可以查看,也可以在网页右键检查查看移动端页面
5.至于store、service那些东西就按之前那个项目自行添加就行
debug
1.遇到了CRLF的问题,晖哥的方法是在终端输入 "eslint --ext .js,.vue --fix .", 我(龚敬)的方法是在.eslintrc.js中添加"linebreak-style": ["error", "windows"],"、如果IDE开启了适配项目editorconfig,需要修改end_of_line = crlf
2.遇到了手机开热点但不能连接到的问题,我(龚敬)的方法是在vue.config.js中的host用 无线局域网适配器的IPv4地址替换(在终端输入"ipconfig"可查到)
3.用edge,别用Chrome!!!
手机和电脑在同一个网络下,且该网络支持局域网(校园网不行),建议手机开热点。设备允许的情况下,多个设备连接到一个路由器上。
服务器(也就是电脑)前端的.env.development里的VUE_APP_BASE_URL改为电脑在局域网中的地址(比如192.168.124.7,一般都是192.x.x.x的)
电脑后端main.go修改监听地址为电脑在局域网中的地址
srv := &http.Server{
Addr: "192.168.124.7:8080",
Handler: r,
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。