Uni CLI
:面向非HBuilderX的用户(如习惯使用vscode/webstorm的开发者),提供创建项目、编译发行等能力;在App平台,仅支持生成离线打包的wgt资源包,不支持云端打包生成apk/ipa;若需云端打包,依然需要使用HBuilderX。
npm install
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
%PLATFORM%
可取值如下:
值 | 平台 |
---|---|
app | 生成 APP 打包资源 |
h5 | H5 |
mp-alipay | 支付宝小程序 |
mp-baidu | 百度小程序 |
mp-weixin | 微信小程序 |
mp-toutiao | 字节跳动小程序 |
mp-kuaishou | 快手小程序 |
mp-lark | 飞书小程序 |
mp-qq | qq 小程序 |
mp-360 | 360 小程序 |
mp-jd | 京东小程序 |
mp-xhs | 小红书小程序 |
quickapp-webview | 快应用(webview) |
quickapp-webview-huawei | 快应用华为 |
quickapp-webview-union | 快应用联盟 |
uni-cli-vite
┣ uniCloud # 云空间目录,阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb
┣ dist # 非工程代码,存放运行或发行的编译结果
┣ mock # 本地模拟数据
┣ src # 源代码
┃ ┣ assets # 存放一些公共资源(如:公共图片、公共音视频、公用工具库)
┃ ┣ components # uni-app组件目录,easycom技术,免引用、注册,直接使用各种符合规范vue组件
┃ ┣ hybrid # App端存放本地html文件的目录
┃ ┣ locale # 国际化资源
┃ ┣ nativeplugins # App原生插件
┃ ┣ pages # 业务页面文件存放的目录
┃ ┣ platforms # 存放各平台专用页面的目录
┃ ┣ services # 后台接口服务
┃ ┣ static # 存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
┃ ┣ stores # store管理
┃ ┣ uni_modules # 存放uni_module规范的插件
┃ ┣ utils # 工具库
┃ ┣ App.vue # 应用配置,用来配置App全局样式以及监听
┃ ┣ env.d.ts # TS声明文件
┃ ┣ main.ts # 入口文件 加载组件 初始化等
┃ ┣ manifest.json # 配置应用名称、appid、logo、版本等打包信息
┃ ┣ pages.json # 配置页面路由、导航条、选项卡等页面类信息
┃ ┗ uni.scss # uni-app内置的常用样式变量
┣ .env.xx # 环境变量配置
┣ index.html # html模板
┣ package.json # 项目描述及依赖
┣ README.md # 项目说明
┣ tsconfig.json # Typescript 配置文件
┣ uno.config.ts # Unocss 配置文件
┗ vite.config.ts # vite 基本配置文件