uni-app 小程序如何预览和真机调试

更新 <原文发于2018-10-12 更新于2019-7-27>

这是本猿第一次开始接触uni-app，听说可以编译到iOS、Android、微信小程序等多个平台。那岂不是一个前端开发人员一个工程项目就可以做app 和小程序了？ 还真是，下载了HBuilder X试了一下，到小程序运行后（要预先有安装后小程序开发工具），发现小程序的预览跟真机调试都变成灰色了，也就是用不了啊？？？
后来查了一下资料，找到了解决办法，下面来搞事情吧

1、首先回到HBuilder X的这个工程，找到manifest.json文件打开 

2、 找到微信小程序 

3、输入自己的小程序AppleID(这个自己注册小程序有的，没有的话自己去注册一个小程序)。

4、然后再次运行到小程序模拟器上就好了

更新内容

5.因为版本的更新，

可能需要在微信开发者工具中开启服务端口，然后HbuilderX才能访问，这个在build的时候控制台一般有提示，

打开微信开发者工具  >>  设置  >>  安全设置  >>  开启服务端口就行了。