UniApp 环境安装

 

 HBuilderx下载地址：   https://dcloud.io/hbuilderx.html

uniapp文档：https://uniapp.dcloud.net.cn/quickstart.html#

native.js:http://ask.dclound.net.cn/article/114

运行微信小程序:

第一次要选择 “微信web开发者工具”有的路径

D:\Program Files (x86)\Tencent\微信web开发者工具

设置-》安全设置-》安全 的服务端口开启

 

运行Android或HarmonyOS：

1、手机开起开发者选项 -》USB 调试

2、手机连接电脑后，打开连接方式选择：媒体设备（MTP）或传输文件

下图选择最以上面的设置图标

下图选择下面“系统”

 

下图选择“关于手机”

 

下图连续多次点击“版本号”

 

USB调试 

Android 是在系统-》开发者选项下、HarmonyOS是在系统和更新-》开发者选项下

 

介绍项目目录和作用

pages.json文件用来对 uni-app进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等
manifest.json文件是应用的配置文件，用于指定应用的名称、图标、权限等，
App.vue是我们的跟组件。所有页面都是在App.vue下进行切换的，是页面入口文件，可以调用应用的生命周期函数。
main.js是我们的项目入口文件，主要作用是初始化 vue实例并使用需要的插件。
uni.scss 文件的用途是为了方便整体控制应用的风格。比如按钮颜色、边瓶风格，uni.scss.文件里预置了一批sCss变量预置。
unpackage就是打包目录，在这里有各个平台的打包文件
pages所有的页面存放目录
static静郄资源目录。例如图片等
components组件存故目录

 

为了实现多端兼容，综合考虑编译速度、运行性能等因素，uni-app 约定了如下开发规范：

• 页面文件遵循 Vue 单文件组件 (SFC) 规范(opens new window)
• 组件标签靠近小程序规范，详见uni-app 组件规范
• 接口能力（JS API）靠近微信小程序规范，但需将前缀 wx 替换为 uni，详见uni-app接口规范
• 数据绑定及事件处理同 Vue.js 规范，同时补充了App及页面的生命周期
• 为兼容多端运行，建议使用flex布局进行开发