uniapp快速搭建小程序项目 完整过程
先看看效果！
1. 注册小程序开发者（已注册的可以跳过）
进入官网
点击注册 -> 选择小程序 -> 填写注册信息
2. 开发工具准备
使用uniapp开发就需要用到两个工具，HBuilderX 以及 微信开发者工具。
HBuilderX的下载地址：APP开发版 HBuilderX
微信开发者工具下载地址：稳定版 Stable Build
开发工具已经准备好了，下面开始吧！
3. 创建项目
- 使用HBuilderX新建一个uniapp项目，文件 -> 新建 -> 项目
- 自动生成如下项目文件
- 浏览器打开，效果如下图
4. 配置工具环境 以及 AppID（测试版可以跳过设置APPID）
- 打开微信开发工具，开放服务端口：微信开发者工具 -> 设置 -> 安全
- 在Hbuilderx里设置微信开发工具安装路径，如下图：
- 设置AppID：在开发管理 -> 开发设置里面找到AppID复制 -> HBuilder X打开manifest.json -> 选择微信小程序配置 -> 粘贴刚复制的AppID即可！
5. 使用微信开发工具打开，运行如下图：
接下来就在HBuilder X里面开发 编写代码，实现自己逻辑。
uniapp快速搭建小程序项目 完整过程相关推荐
- 8个小程序开源项目助你快速搭建小程序
今天和大家分享几个小程序开源项目, 帮助我们轻松搭建自己的小程序应用. 我会从大家最熟悉的小程序UI组件, 到可视化库, 再到完整项目, 一一和大家介绍. 小程序UI组件库 小程序多端开发框架 小程序 ...
- 基于 uni-app 和 uni-cloud 小程序项目开发实战
基于 uni-app 和 uni-cloud 小程序项目开发实战 前言 一.技术栈 二.环境搭建 三.项目功能介绍 1.地图地点搜索及路线规划 2.uniCloud服务空间 3.AI识图 4.上拉框组 ...
- 快速搭建小程序，实现线上引流获客
小程序--已经成为线下商家从线上引流获客的首选渠道. 不说废话,欣赏一下这亮眼的数据: 根据喜茶披露的数据,截至2019年12月31日,喜茶已在43个城市开出390家门店,新增主力店157家.Go店6 ...
- uniapp - 编译微信小程序项目的微信授权登录、获取微信手机号登录、最新版微信直接登录、手机与验证码登录的示例源码（适用于 uniapp 微信小程序项目，源代码直接开箱即用）超级详细的代码及注释
效果图 uniapp 项目编译微信小程序,一些常见的登录方式及源代码,示例代码干净整洁无BUG拿来即用. 本文示例实现了 uniapp 微信小程序项目的登录功能,包含微信授权登录.获取微信手机号登录. ...
- 使用容器服务支持开发者快速搭建小程序后端服务
场景描述 小程序作为一种新的开放能力被广泛应用于各业务场景,开发者可以快速地开发一个小程序,在微信可便捷地获取和传播,同时依赖微信平台原生能力获取出色的使用体验. 阿里云容器服务结合阿里云云原生能力帮 ...
- uni-app学习笔记(一):HbuildX+uni-app搭建小程序项目
//采用真机测试和微信开发者工具测试 1.安装HbuildX(只有10几M,C++构架比java和electron快不少) HBuilderX-高效极客技巧 2.下载微信开发者工具 调试小程序端,如果 ...
- 如何把uniapp的vue小程序项目跑起来
新人学习,熟人请绕过. 当我们把项目clone下来后,我们可以尝试着多点一些一级目录文件. 如下图: 一般来说src会是代码文件,剩下的一些大概率就是项目配置文件了. 上图项目是用uniapp新建的项 ...
- uniapp开发微信小程序/h5完整流程，含vant/uview(h5适配vw)
theme: smartblue highlight: dark 创建项目 创建后的项目 此处插入一个坑 亦可以使用uniapp vue-cli 创建项目 vue create -p dcloudio ...
- Hbuildx中使用uni-app 新建 微信小程序项目 以及 运行相关配置
1.打开Hbuildx,在左上角选择"文件"→"新建"→"项目"→"新建",在弹出的"新建项目"进行 ...
最新文章
- 论前端工程师如何应对西电教学评估系统
- 微型计算机与维修自测,微机系统及维护第三章自测.doc
- 【渝粤教育】广东开放大学 社会工作综合能力 形成性考核 (27)
- 4岁小女孩给Linux内核贡献提交
- 深入理解CSS六种颜色模式
- 项目class第十四周项目一：动物学叫
- 华为透露中国首个开源基金会将于近期正式运营！
- C# 实现程序最小化到托盘
- 服务器至强系列cpu排行,至强系列cpu天梯图2020 英特尔至强cpu天梯图排名
- 北京邮电计算机学院保研概率,北京邮电大学计算机学院(专业学位)计算机技术保研细则...
- openbravo erp介绍（二）
- 国内有哪些小众但很有意思的网站？这6个网站值得收藏
- 什么是FDR校正，核磁共振成像中FDR校正方法有哪些？如何进行FDR校正？
- Windows命令行查看文件的MD5
- mongod.conf
- python3去掉表格中的重复项
- 异地就医联网进展如何？正式签约定点医疗机构已达数百家
- 简易的图像点标注工具
- C语言：求字符串的长度
- CRC 算法的简单说明