当前位置:首页 > uni-app

uniapp 命令行

2026-03-05 14:15:23uni-app

uniapp 命令行操作指南

创建项目

使用 vue-cli 创建 uni-app 项目,需全局安装 @vue/cli。运行以下命令初始化项目:

npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue my-project

选择模板(默认模板、自定义模板等)后完成创建。

运行项目

进入项目目录后,通过以下命令运行到不同平台:

uniapp 命令行

# 运行到H5
npm run dev:h5

# 运行到微信小程序
npm run dev:mp-weixin

# 运行到支付宝小程序
npm run dev:mp-alipay

打包项目

生产环境打包命令如下:

# 打包H5
npm run build:h5

# 打包微信小程序
npm run build:mp-weixin

# 打包支付宝小程序
npm run build:mp-alipay

自定义条件编译

通过 --mode 指定平台变量,例如:

uniapp 命令行

npm run dev:mp-weixin --mode development

常用工具命令

  • 安装依赖npm install
  • 更新依赖npm update
  • 清除缓存npm run clean(需配置脚本)

CLI插件扩展

通过 vue-cli-plugin-uni 扩展功能,例如添加自动化测试:

vue add uni-test

环境变量配置

在项目根目录创建 .env 文件,定义变量:

VUE_APP_API_URL=https://api.example.com

通过 process.env.VUE_APP_API_URL 调用。

标签: 命令行uniapp
分享给朋友:

相关文章

uniapp消息推送

uniapp消息推送

uniapp消息推送实现方法 uniapp支持多种消息推送方式,包括uniPush、个推、极光推送等。以下为常见实现方案: uniPush(官方推荐) uniapp官方提供的推送服务,基于DClou…

uniapp应用市场

uniapp应用市场

uniapp应用市场概述 Uniapp作为跨平台开发框架,支持将代码编译到iOS、Android、Web及各类小程序平台。其应用市场(插件市场)是开发者获取扩展插件、模板、组件的重要资源库,涵盖UI组…

uniapp树形选择

uniapp树形选择

uniapp树形选择实现方法 使用uni-data-checkbox组件 uniapp内置的uni-data-checkbox组件支持树形结构选择,适用于多级分类场景。配置时需要将数据格式化为树形结构…

uniapp切片

uniapp切片

uniapp 切片实现方法 在 uniapp 中实现切片功能通常指的是对图片或数据进行分割处理。以下是几种常见的切片实现方式: 图片切片展示 通过 CSS 和 JavaScript 实现图片的网格化…

uniapp特性

uniapp特性

uniapp的核心特性 跨平台开发 uniapp支持一套代码编译到多个平台,包括iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、字节跳动小程序等。开发者无需为不同平台单独编写代码。…

丸子uniapp

丸子uniapp

丸子UniApp简介 丸子UniApp是一个基于UniApp框架开发的移动应用解决方案,通常用于快速构建跨平台应用(如微信小程序、H5、Android/iOS等)。其核心特点是利用UniApp的“一次…