最近公司小程序h5项目比较多，我们前端同事们，有许多没有做过小程序的，所以想到了uin-app，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序，而且用的是vue，这就解决了我们现有的问题，卡法就更加高效了

1、下载HBuilderX

下载链接
HBuilderX：官方IDE下载地址

2、 新建一个uni-app项目

文件-新建-项目

1601023432(1).jpg

这样就创建了一个项目

3、运行到小程序

点击运行，运行到小程序模拟器，第一次运行到小程序需要配置微信开发工具路径

1601023635(1).jpg

再次点击运行，我觉得就没问题了，还是遇到了问题，如下图

image.png
接下来就需要我们去到微信开发者工具里面去设置-通用设置，安全-服务端口开启
1601022802(1).jpg

这样再次运行就成功运行了

1601022835(1).jpg

感谢

• 如过本文对您有帮助，可点个赞支持一下
• 关注前端小喵公众号，定期推荐前端好文，一起进步吧！