UniApp 基础（快速上手）
一、环境配置
1、下载HBuilderX
可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。
- HBuilderX：官方IDE下载地址
HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。
下载App开发版，可开箱即用；如下载标准版，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用。
如使用cli方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了。
2、创建uni-app
在点击工具栏里的文件 -> 新建 -> 项目：
选择uni-app类型，输入工程名，选择模板，点击创建，即可成功创建。
3、运行 uni-app
- 浏览器运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器，即可在浏览器里面体验uni-app 的 H5 版。
- 真机运行：连接手机，开启USB调试，进入hello-uniapp项目，点击工具栏的运行 -> 真机运行 -> 选择运行的设备，即可在该设备里面体验uni-app。
- 在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。
Tips：
- 如果是第一次使用，需要配置开发工具的相关路径。点击工具栏的运行 -> 运行到小程序模拟器 -> 运行设置，配置相应小程序开发者工具的路径。
- 支付宝/百度/字节跳动/360小程序工具，不支持直接指定项目启动并运行。因此开发工具启动后，请将 HBuilderX 控制台中提示的项目路径，在相应小程序开发者工具中打开。
- 如果自动启动小程序开发工具失败，请手动启动小程序开发工具并将 HBuilderX 控制台提示的项目路径，打开项目。
运行的快捷键是Ctrl+r。 HBuilderX 还提供了快捷运行菜单，可以按数字快速选择要运行的设备：
UniApp 基础（快速上手）相关推荐
- Vue-cli 3.X 构建工具零基础快速上手
文章目录 一.环境准备 1. 安装node 2. 配置镜像 二.安装Vue CLI 2.1. 查看当前vuecli版本 2.2. 安装最新版本 2.3. 安装指定版本 三.创建web项目 3.1. 指 ...
- 零基础快速上手CANoe
零基础快速上手CANoe 前言 什么是CANoe CANoe的工作原理 一. 如何新建一个工程 二. 如何发送报文 2.1 尝试发送报文 2.2 DBC文件的使用 三. 报文的录制与回放 3.1 使用 ...
- 前端开发~uni-app ·[项目-仿糗事百科] 学习笔记 ·007【uni-app和vue.js基础快速上手】
注:前言.目录见 https://god-excious.blog.csdn.net/article/details/105312456 文章目录 [014]view和text组件和动画使用 常见的尺 ...
- Premiere 零基础快速上手教程
关注并星标"高级农民工" 回复"视频"可获取视频剪辑软件和教程 在前几天的文章中,我分享了几款主流视频剪辑软件: 最主流的视频剪辑软件 简单来说就是,手机端用「 ...
- Excel之VLOOKUP函数（零基础快速上手）
目录 VLOOKUP介绍 VLOOKUP快速上手 需求描述 需求实现 常见问题 问题一: 问题二: 问题三: VLOOKUP介绍 VLOOKUP函数是Excel中的一个纵向查找函数,在工作中都有广泛应 ...
- TypeScript基础快速上手
//基础类型 (()=>{//布尔类型console.log("###########布尔类型###########")//基本语法//let 变量名:数据类型 = 值let ...
- Three.js 入门2 零基础快速上手（地球和月亮 示例）
threejs官网:https://threejs.org/ 版本更迭很快,我用的r104 复制粘贴出效果 <!DOCTYPE html> <html> <head> ...
- Git | 一文带你零基础快速上手Git
- Uniapp uni-app学习与快速上手
个人开源uni-app开源项目地址:准备中 在线展示项目地址:准备中 什么是uni-app uni,读 you ni,是统一的意思. Dcloud即数字天堂(北京)网络技术有限公司是W3C成员及HTM ...
- pyqt5从子目录加载qrc文件_PyQt5快速上手基础篇10-QSettings用法
前言 本节我们学习使用PyQt5的QSettings的用法,使用QSettings可以记住用户操作UI界面设置的参数,下次打开软件的时候,会直接加载用户上一次设置的参数. 一.基础知识 1.QSett ...
最新文章
- vscode 集成终端改成cmd模式
- 看网络电子围栏如何做好周界安防
- 2020 ICPC亚洲区域赛（沈阳）H-The Boomsday Project（双指针+dp）
- Docker 验证 Centos7.2 离线安装 Docker 环境
- [Case] “凭心而论,在这家公司很敬业的工作了3年多,老板最后给我下的评语,大家都看看吧,千万别和我走同一条路!”（摘自csdn）...
- 蛮力法 字符串匹配
- php数组array_filter,php数组array_filter()函数和array_slice()函数
- CPU /磁盘I/O /内存
- android wifi分析工具,Wifi分析助手
- Mex HDU - 4747(dp)
- Lenovo UEFI引导U盘 System x Install Windows Server 2016 R2
- 遍历所有点的最短路径python_图遍历算法之最短路径Dijkstra算法
- android airplay音乐播放器,您需要知道的关于使用AirPlay播放音乐的一切 | MOS86
- 【ctrl+space】键位解除占用+永久删除微软拼音输入法
- VSCode中针对C语言的代码格式化配置
- 微软 AutoML 框架之 FLAML | 环境配置、安装、分类/回归测试
- 软件开发进外包三大悔恨
- vue3 element plus el-input 无法输入问题
- mongodb使用手册
- Vcruntime140.dull.丢失解决方法