uniApp的学习开发小程序（一）小程序基础搭建和基础部署

2024-05-20 06:42:51

1、安装编辑器HBuilder X及插件

下载 HBuilderX 开发工具
新版本下载：https://www.dcloud.io/hbuilderx.html HBuilderX
历史版本下载地址： https://ask.dcloud.net.cn/article/37302
安装插件
点击工具—>插件安装

点击安装新插件安装下面插件

如果里面没有则点击下面前往插件市场安装

安装SCSS插件

2、新建一个项目

新建一个uni-app项目，自定义项目名字和项目地址，暂且使用默认模板，确认好后，创建项目

3、将默认项目部署到安卓手机上

1、将手机通过USB线连接电脑，（百度打开手机开发者模式，将USB数据传输允许）
2、安装360手机助手（可以显示安装详情）
3、点击HBuilderX运行

4、手机接收并安装就行了
内容就是Hbuilder里面的内容

4、将项目打包到微信小程序

1、注册一个微信程序开发者账号微信小程序注册
选个体户注册

2、拿到开发者的AppID值

3、安装微信开发者工具
在微信公众平台点击小程序，点击查看详情

在开发者工具中找到微信开发者工具
微信开发者工具下载

4、用注册的微信小程序的管理员，扫码登录微信小程序开发工具

5、在设置中开放服务端口

6、点击HBuilderX运行微信小程序

7、配置基础项目的微信小程序的AppID

8、配置微信开发者工具的AppID（从第二步获取的）

9、预览微信小程序
点击预览手机扫描二维码预览，微信查看小程序，

uniApp的学习开发小程序（一）小程序基础搭建和基础部署相关推荐

手牵手，使用uni-app从零开发一款视频小程序 (系列上准备工作篇)
系列文章手牵手,使用uni-app从零开发一款视频小程序 (系列上准备工作篇) 手牵手,使用uni-app从零开发一款视频小程序 (系列下开发实战篇) 前言好久不见,很久没更新博客了,前段时间 ...
uni-app跨端开发H5、微信小程序、支付宝小程序遇到的坑
文章目录微信支付宝小程序通用功能 1.checkbox样式 2.分享功能支付宝小程序参数微信小程序参数其他兼容问题 H5 微信小程序支付宝小程序持续更新中... 微信支付宝小程序通用功能 ...
unity学习开发小球吃方块小游戏（从制作到发布程序，超详细全教程包你学会）
unity小球吃方块开发过程你将学会用unity开发小游戏的基础知识吃方块游戏超详细全教程,保姆式教学包你学会一.创建对象创建PlayBall小球吃金币游戏项目,创建地面和小球. 二.添加脚本 ...
vue小程序开发（一） uni-app基本学习
vue小程序开发(一) uni-app基本学习脚手架搭建项目新建页面样式和sass 基本语法数据展示数据循环条件编译计算属性事件传参方式组件组件的简单使用示例组件传递参数父 ...
uniapp一套代码开发app和微信小程序
为什么选择uniapp开发? 为什么选择uniapp进行开发? 1.uniapp对于独自开发是相当友好的,一套代码可以兼容app(安卓,ios),小程序,h5等,一定程度上降低了开发的成本,个人开发的 ...
基于uniapp+unicloud开发的手机备忘录小程序
基于uniapp+unicloud开发的手机备忘录小程序注:该小程序是我的一个课设作品,现在发出来供大家学习参考,如有不好的地方,欢迎指正. 一.准备工作: 1.注册账号在unicloud官网注册 ...
开发一个钉钉小程序和微信小程序签到APP的具体学习报告
[我想说的话:开发这个东西的初衷是为了想将所学融入日常生活中,恰好学长开发了一个i重科,我想挑战一下结合人工智能的签到app会是什么样的体验.在这个过程中我面临了很多困难,一度怀疑自己,但是现在我还是 ...
使用uni-app零起点开发微信小程序
目录简介一.条件准备二.开发学习四部曲三.开发规范四.项目目录结构五.资源路径说明六.生命周期七.路由.路由跳转.页面栈八.运行环境判断九.页面样式与布局 9.1.尺寸单位 9.2 ...
2023年最新最全uniCloud入门学习，零基础入门到实战项目 uni-admin打造uniapp网页后端微信支付宝抖音小程序后端 unicloud数据后台快速打造uniapp小程序项目
今天开始带着大家一起零基础学习uniCloud,在下面的课程中我们就简称uniCloud为cloud吧.我这里从零基础开始教大家,后面可以带大家简单的做一个实战项目.所以不用担心自己没有基础,跟着石头 ...

最新文章

热门文章