uni-app写微信小程序教程

  • uni-app写微信小程序教程1
  • uni-app写微信小程序教程2
  • uni-app写微信小程序教程3
  • uni-app写微信小程序教程4
  • uni-app写微信小程序教程5
  • uni-app写微信小程序教程6
  • uni-app写微信小程序教程7
分步阅读

uni-app是一款使用 Vue.js 开发跨平台应用的前端框架，可以编写一套代码，然后发布到Android、IOS等多个平台。那么，具体如何使用uni-app写微信小程序？

uni-app写微信小程序教程

工具/原料

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

方法/步骤

  1. 1

    打开HBuilderX开发工具，鼠标右键新建项目

    uni-app写微信小程序教程
  2. 2

    选择uni-app，输入项目名称，选择项目路径；然后选择项目模板，点击创建

    uni-app写微信小程序教程
  3. 2
    本页面未经许可获取自百度经验
  4. 3

    选择已创建项目，点击工具，然后选择设置

    uni-app写微信小程序教程
  5. 4

    打开Settings.json，选择运行配置菜单，移到小程序运行配置

    uni-app写微信小程序教程
  6. 5

    选择微信开发者工具路径，并配置外部web服务器url

    uni-app写微信小程序教程
  7. 6

    选择项目，点击运行，依次选择运行小程序模拟器--->微信开发者工具

    uni-app写微信小程序教程
  8. 7

    项目进行编译过程中，提示工具的服务端口已关闭，需要使用命令行调用

    uni-app写微信小程序教程
  9. 8

    打开微信小程序开发工具，点击设置--->安全设置，开启服务端口，记下端口

    uni-app写微信小程序教程
  10. 9

    返回到Settings.json，修改外部web服务器url的访问端口

    uni-app写微信小程序教程
  11. 10

    然后再次使用微信开发者工具运行，可以发现自动打开微信开发者工具，进行预览

    uni-app写微信小程序教程
    END

总结

  • 1、创建uni-app项目

    2、小程序运行配置

    3、配外部web服务器调用url

    4、开启微信开发者工具服务端口

    5、运行小程序模拟器

    6、使用微信开发者工具

    uni-app写微信小程序教程
    END

注意事项

  • 注意uni-app写微信小程序教程
  • 注意uni-app适用不同的平台
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
相关标签微信小程序JAVASCRIPT