首页 > 软件开发 > JavaScript >

uni-app写微信小程序教程

来源:互联网 2023-03-17 00:03:03 版权归原作者所有,如有侵权,请联系我们

uni-app是一款使用 Vue.js 开发跨平台应用的前端框架,可以编写一套代码,然后发布到Android、IOS等多个平台。那么,具体如何使用uni-app写微信小程序?9wh办公区 - 实用经验教程分享!

uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

工具/原料

  • 微信小程序
  • uni-app
  • 微信小程序开发工具
  • HBuilderX
  • 截图工具
  • WPS

方法/步骤

  • 1

    打开HBuilderX开发工具,鼠标右键新建项目9wh办公区 - 实用经验教程分享!

    uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

  • 2

    选择uni-app,输入项目名称,选择项目路径;然后选择项目模板,点击创建9wh办公区 - 实用经验教程分享!

    uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

  • 2本页面未经许可获取自百度经验
  • 3

    选择已创建项目,点击工具,然后选择设置9wh办公区 - 实用经验教程分享!

    uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

  • 4

    打开Settings.json,选择运行配置菜单,移到小程序运行配置9wh办公区 - 实用经验教程分享!

    uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

  • 5

    选择微信开发者工具路径,并配置外部web服务器url9wh办公区 - 实用经验教程分享!

    uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

  • 6

    选择项目,点击运行,依次选择运行小程序模拟器--->微信开发者工具9wh办公区 - 实用经验教程分享!

    uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

  • 7

    项目进行编译过程中,提示工具的服务端口已关闭,需要使用命令行调用9wh办公区 - 实用经验教程分享!

    uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

  • 8

    打开微信小程序开发工具,点击设置--->安全设置,开启服务端口,记下端口9wh办公区 - 实用经验教程分享!

    uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

  • 9

    返回到Settings.json,修改外部web服务器url的访问端口9wh办公区 - 实用经验教程分享!

    uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

  • 10

    然后再次使用微信开发者工具运行,可以发现自动打开微信开发者工具,进行预览9wh办公区 - 实用经验教程分享!

    uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

  • 总结

    • 1、创建uni-app项目9wh办公区 - 实用经验教程分享!

      2、小程序运行配置9wh办公区 - 实用经验教程分享!

      3、配外部web服务器调用url9wh办公区 - 实用经验教程分享!

      4、开启微信开发者工具服务端口9wh办公区 - 实用经验教程分享!

      5、运行小程序模拟器9wh办公区 - 实用经验教程分享!

      6、使用微信开发者工具9wh办公区 - 实用经验教程分享!

      uni-app写微信小程序教程9wh办公区 - 实用经验教程分享!

    注意事项

    • 注意uni-app写微信小程序教程
    • 注意uni-app适用不同的平台

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9wh办公区 - 实用经验教程分享!


    标签: 微信小程序JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号