网站首页 > 技术文章 正文
前言:
从本节开始,我来带领大家学习uni app,这是一款逆天的前端框架,基于vue.js,同一套代码,可发布到iOS、Android、H5、以及各种小程序等多个平台,本节,我们部署在微信小程序和Android上面,体验下这款强大的前端框架。
一、基础知识
1.uni app简介
?uni-app? 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
?uni-app?在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。
2.安装HBuilder X工具
下载HBuilder X工具,地址:https://www.dcloud.io/hbuilderx.html
本文使用的是开发版本。
二、搭建步骤
1.创建项目
点击文件 -> 新建 -> 项目:
选择uni-app,并且模板选择uni-ui项目,然后点击创建
2.运行到Web端
运行到浏览器
浏览器效果如下
3.运行到Android
首先需要打开手机开发者选项,并且开启USB调试
点击运行->运行到手机或模拟器,选择连接到的手机设备
编译安装过程如下
手机状态如下:
安装后界面如下:
4.运行到微信小程序
点击运行->运行小程序模拟器
指定微信开发者工具路径
出现错误,按照提示应该打开微信开发者工具,进行配置即可
点击微信IDE菜单栏下安全设置
开启服务端口
重新运行,可以看到小程序端已经正式运行起来了
寄语:读万卷书,行万里路!
猜你喜欢
- 2024-11-27 保姆级教学:前端使用docker搭建mysql环境并通过node修改数据
- 2024-11-27 ES6基础——环境构建、任务自动化、服务器搭建
- 2024-11-27 Goframe+Vue3全栈开发入门1——环境搭建
- 2024-11-27 前端开发环境(一)
- 2024-11-27 零基础学习web前端开发,看看一下建议少走弯路
- 2024-11-27 基于 Vue3+TS 构建Cesium组件库VueCesium
- 2024-11-27 一步步从头搭建 Vue 开发环境
- 2024-11-27 windows搭建本地grafana前端开发环境
- 2024-11-27 搭建H5开发环境(windows)
- 2024-11-27 第一天:先搭建前端项目
你 发表评论:
欢迎- 597℃几个Oracle空值处理函数 oracle处理null值的函数
- 591℃Oracle分析函数之Lag和Lead()使用
- 578℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 574℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 571℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 564℃【数据统计分析】详解Oracle分组函数之CUBE
- 550℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 544℃Oracle有哪些常见的函数? oracle中常用的函数
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- 前端懒加载 (49)
- 前端获取当前时间 (50)
- 前端接口 (50)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)