在开发小程序中,我们一般很少直接用微信开发者工具开发,一般会使用uni-app来进行开发。
uni-app
是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。
下载地址:HBuilderX-高效极客技巧 (dcloud.io)
接下来就可以安装运行了。
使用方式:
在文件中新建项目,根据自己需要新建项目
新建成功后,接下来点击运行到小程序模拟器,然后选择第一个微信开发者工具(w)-[uni-app项目1]
但是第一次使用时一般会提醒你需要导入微信开发者工具地址,可以选择在提示框填入,也可以选择在工具-运行配置中填入微信开发者工具路径。
接下来注意,一定要在微信开发者工具中设置,安全设置中打开服务端口。然后关闭软件,再继续运行hbuilderx中运行到小程序模拟器。
这个是运行成功界面。
安装插件