uniapp微信小程序项目启动步骤

这篇具有很好参考价值的文章主要介绍了uniapp微信小程序项目启动步骤。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

如何创建项目就不说了,可以参考该链接:
如何创建开发uniapp微信小程序项目?链接: link

这里主要记录的是,从代码仓库拉取到本地后,
本地启动运行项目,遇到的问题。

1.下载项目
使用git bash 将代码下载到本地
git clone https://gitlab.xx.xxxxx.com/xxxxx/wuhan-cloud-web.git
拖到HBuilderX 官方下载地址 链接: link

2.运行
步骤如下截图1-2-3所示:uniapp微信小程序项目启动步骤

可能遇到的问题:
2.1 需要下载微信开发者工具:
链接: link
安装后,把路径记住,因为运行时选择微信开发者工具的时候需要输入路径。
uniapp微信小程序项目启动步骤

2.2 uni-app运行微信开发工具小程序,出现 × initialize报错。这是由于微信开发者工具服务端口未开启,导致出现× initialize报错。
uniapp微信小程序项目启动步骤

解决方法如下截图所示:
uniapp微信小程序项目启动步骤
uniapp微信小程序项目启动步骤文章来源地址https://www.toymoban.com/news/detail-447484.html

到了这里,关于uniapp微信小程序项目启动步骤的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用VS Code创建编写uniapp项目(vue3+ts 微信小程序)

    uni-create-view :用于快速创建 uni-app 页面 uni-helper uni-app :代码提示 uniapp 小程序扩展 :鼠标悬停查文档 1.在types属性中添加属性名 @types/wechat-miniprogram 和  @uni-helper/uni-app-types. 2.添加vueCompilerOptions选项 ①在VS Code中找到设置 ②在设置中搜索文件关联 ③添加这两个文件名,值为

    2024年04月27日
    浏览(62)
  • uniapp项目如何运行在微信小程序模拟器上

    在HbuilderX中的小程序写完后自己一定要保存,否则会出不来效果 那么怎么让uniapp项目运行在微信小程序开发工具中呢 1 在hbuilderx中点击运行到小程序模拟器 2 然后在项目目录中会生成一个文件夹 在微信小程序开发软件中的工具安全设置打开端口 或者在微信小程序中导入项目

    2024年02月13日
    浏览(41)
  • uniapp新建项目后,如何在浏览器和微信小程序运行

    第一步:新建项目 参考uni-app官网提供了HBuilderX可视化创建和vue cli命令两种方式创建项目,由于HBuilder和它都是DCloud公司的产品,使用它创建项目可以很方便的下载插件什么的。 新建项目很简单: https://uniapp.dcloud.net.cn/quickstart-hx.html 下载HBuilderX,然后参照这个文档点两下选择

    2024年02月03日
    浏览(56)
  • 基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)

    除了使用HBuilderX工具可视化搭建项目外,DCloud官方还提供了一个脚手架用于命令行搭建项目。 uni-app项目支持 uni cli和 HBuilderX cli两种脚手架工具: uni cli:面向非HBuilderX的用户(如习惯使用vscode/webstorm的开发者),提供创建项目、编译发行等能力;在App平台,仅支持生成离线

    2024年04月16日
    浏览(71)
  • 微信小程序创建步骤图文

    首先,通过网址登录https://mp.weixin.qq.com/,找到 立即注册 进行点击。 注意 :登录邮箱,查收激活邮件,点击激活链接。 点击激活链接后,继续下一步的注册流程。请选择主体类型选择,完善主体信息和管理员信息。 APPID: 填写 注册小程序时获得的APPID 后端服务 :选择 不适

    2024年02月16日
    浏览(54)
  • uniapp部署微信小程序步骤指南

    1. 导入项目  2. 登录微信公众平台,开发管理 -- 开发设置,复制AppID   3. 配置manifest.json文件,配置微信小程序AppID    4. 运行微信小程序需要配置,配置开发者工具路径,当项目运行时才会启动开发者工具   5. 开启微信开发者工具中的服务端口  6. hbuiler x 启动项目(注:确

    2024年02月10日
    浏览(39)
  • uniapp调用微信小程序人脸识别步骤

    template script

    2024年02月16日
    浏览(39)
  • uniapp打包微信小程序详细步骤【前端开发】

    目录 I.预准备:注册微信小程序 II.打包发布 首先进入微信公众平台, 注册 自己的微信小程序,完成个人信息配置,做好准备工作。 其次是准备好自己的uniapp工程文件, 打开自己的x-builder,准备打包! 1️⃣ 获取微信小程序id: 首先,登录微信公众平台,查看自己 微信小程

    2023年04月09日
    浏览(43)
  • uniapp微信小程序设置开屏启动动画效果

    效果预览  使用uniapp搭建的微信小程序,制作小程序启动开屏动画,主要使用css动画属性。主页代码过多这里就展示重要代码片段。 js代码 css代码

    2024年02月03日
    浏览(42)
  • uniapp打包微信小程序详细步骤【前端开发】,web前端开发工程师

    II.打包发布 1️⃣ 获取微信小程序id: 首先,登录微信公众平台,查看自己 微信小程序的id号并复制 : 2️⃣ 填写自己的小程序id: 打开uniapp自己的工程文件,选择 manifest.json文件-微信小程序配置 ,黏贴自己的小程序id: 3️⃣ 发布: 选中 发行-小程序-微信 之后出现下面的

    2024年04月27日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包