uniapp学习踩坑

uniapp 学习之路

加油~

---

前言

公司想要开发个小程序，之前一直没有完完整整上线过一个，都是写半截项目砍掉了，这次算是我第一次完整写小程序吧！

之前都采用了微信原生写法，这次呢，我在筹划项目时，看了下现在微信小程序优秀的框架，看完之后从mpvue–>uniapp

看的过程中，看到过好几篇文章都说了mpvue停止维护（我还没有去确认是否为真），于是最终采用了uniapp。

之前只是听过这个名字，具体不知道，然后就开始去官网看

官网地址

因为之前看过小程序文档，也一直在使用vue，所以话不多说，直接按照官网快速上手—>开干

---

一、快速创建uni项目

1.安装uni环境

两个方法：

1.通过HBuilderX可视化界面
2.通过vue-cli命令行

我采用了官方推荐的第一种，第二种也不错。

我是mac电脑，安装对应版本。

下载后的做法我这里就不详细描述，开贴只是为了记录我在摸索路上的坑。

二、记录坑

1.项目运行小程序版，需要下载好微信开发者工具，我当时都下好了，但是运行报错，打不开微信开发者工具，因为我当时没有将两个连到一块，具体报错当时忘记截图了。

解决方法：

1）微信开发者工具->设置–>安全设置 下的服务端就打开

2）HBuilderX -->偏好设置–>运行配置下找到小程序运行配置，将微信开发者工具路劲配置好
3）over~

2.项目成功运行，在Hbuilderx开发，在微信开发者工具预览，只要Hbuilderx一保存，微信工具界面就会自动刷新，但是Hbuilderx不报错，微信开发者工具会报错

这不是代码错误~

解决方法：给小程序项目配置好appid就好

*appid注册小程序后就会拿到。

后面有几个坑我有点记不清了，当时只顾着开发了。想起来再更新！