uni-app 第一个小程序之旅

一直想体验下vue开发小程序是什么感受，有时间就赶紧上了，本篇不涉及nvue及store。

准备工作

开发工具：hbuilderX+微信开发者工具
新建项目类型：uni-app ui
插件安装：工具->插件安装

问题集合

• UI组件有些属性不生效

找到源码发现这些属性在我下载的项目里没有配置，ui版本问题，更新下组件就好了

• uni-table 的根节点只能是uni-tr

• 具体页面修改uni-ui样式不生效

需要在app.vue里面引入样式文件：

uni-ui

• h5端跨域问题

在配置文件里配置下就好。

h5

小程序端不存在跨域问题，只要域名公网可访问即可。

运行到微信开发者工具报错：

• WXSS 文件编译错误

WXSS 文件编译错误

main.wxss里面的内容还是scss格式的，没有经过编译。查找发现app.vue里面的style标签没有声明为scss模式，见问题3 L15。

• enable IDE Service

enable IDE Service

打开微信开发者工具：设置–>打开服务端口。

服务端口

微信小程序的问题总结请参考：微信小程序遇到的一系列bug。

总结

上手挺容易，很简单，就是坑有点多，如果要多端兼容的话还是要花点心思的。后续有需要再继续体验吧。