全流程:安装uni-app(小程序端)

简介: 全流程:安装uni-app(小程序端)
作者:陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主

@TOC


前言

从零开始运行一个简单的uni-app小程序端

一、uniapp是什么?

是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。

二、使用步骤

1.安装HBuilderX

https://www.dcloud.io/hbuilderx.html

在这里插入图片描述

2.在HBuilderX插件市场里面注册邮箱激活邮箱。然后登陆

https://ext.dcloud.net.cn/?cat1=1&type=UpdatedDate

在这里插入图片描述

3.下载sass/scss插件

https://ext.dcloud.net.cn/plugin?id=2046

在这里插入图片描述

在这里插入图片描述

4.HBuilderX软件里面(文件--->新建-->项目--->)

在这里插入图片描述

5在HBuilderX里面打开App.vue文件(这步是在第六步之前必须做的哦)

6.HBuilderX里面(工具---->设置----》运行配置---->)

在这里插入图片描述

7.在微信小程序中(设置--->安全设置--->)

在这里插入图片描述

7.在HBuilderX里面(工具---》设置---》运行配置--->)

在这里插入图片描述

8.截图:

在这里插入图片描述

9。等待编译....(成功啦)

在这里插入图片描述

相关文章
|
1月前
|
小程序 Android开发 iOS开发
uni-app 安装与配置
uni-app 安装与配置
20 1
|
4天前
|
ARouter IDE 开发工具
Android面试题之App的启动流程和启动速度优化
App启动流程概括: 当用户点击App图标,Launcher通过Binder IPC请求system_server启动Activity。system_server指示Zygote fork新进程,接着App进程向system_server申请启动Activity。经过Binder通信,Activity创建并回调生命周期方法。启动状态分为冷启动、温启动和热启动,其中冷启动耗时最长。优化技巧包括异步初始化、避免主线程I/O、类加载优化和简化布局。
23 3
Android面试题之App的启动流程和启动速度优化
|
28天前
|
JSON 小程序 前端开发
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
微信小程序按需引入 vant 组件,自动清除项目中未使用的 vant 组件,减少代码包大小,避免因未使用到的 vant 组件触发隐私协议提交审核时被拒
34 1
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
|
1月前
|
移动开发 监控 供应链
JAVA智慧工厂制造生产管理MES系统,全套源码,多端展示(app、小程序、H5、台后管理端)
一开始接触MES系统,很多人会和博主一样,对MES细节的应用不了解,这样很正常,因为MES系统相对于其他系统来讲应用比较多!
41 1
JAVA智慧工厂制造生产管理MES系统,全套源码,多端展示(app、小程序、H5、台后管理端)
|
16天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的课程考勤及作业提交App附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的课程考勤及作业提交App附带文章和源代码部署视频讲解等
12 0
基于ssm+vue.js+uniapp小程序的课程考勤及作业提交App附带文章和源代码部署视频讲解等
|
20天前
|
前端开发 小程序
新版校园跑腿外卖独立版+APP+小程序前端外卖配送平台源码
同城校园跑腿外卖配送平台源码,支持自定义diy 你可以设计你的页面,设计你自己的风格,支持多校园,独立版本,多商户,有用户端,骑手端,商家端,强大的功能
35 3
|
3天前
|
监控 小程序 前端开发
基础入门-抓包技术&HTTPS协议&WEB&封包监听&网卡模式&APP&小程序
基础入门-抓包技术&HTTPS协议&WEB&封包监听&网卡模式&APP&小程序
|
3天前
|
移动开发 小程序 安全
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
|
1月前
|
存储 数据安全/隐私保护 iOS开发
应用在App Store上被拒重新提交审核流程指南
该文本是关于iOS应用发布的步骤说明
31 2
|
10天前
|
Android开发 Kotlin
kotlin开发安卓应用 如何修改app安装后的名称
在 Android 应用中,要修改安装后的显示名称,需更新 AndroidManifest.xml 文件中 application 标签的 android:label 属性。可直接在该属性内设置新名称,或在 res/values/strings.xml 文件中修改 app_name 并在 manifest 中引用。推荐使用 strings.xml 方式,以便支持多语言和集中管理。