当前位置:首页 > 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项目的步骤 确保已安装Node.js(建议版本12+)和HBuilderX(官方IDE)。若未安装,需先下载并配置环境。 安装开发工具 从HBuilderX官网下载对应操作系统的版本…

uniapp树形选择

uniapp树形选择

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

精通uniapp

精通uniapp

掌握UniApp的基础知识 UniApp是一个基于Vue.js的跨平台开发框架,支持一次开发多端部署(如H5、小程序、App等)。核心概念包括Vue语法、组件化开发、条件编译(针对不同平台适配)以及U…

uniapp 摇杆

uniapp 摇杆

uniapp 实现虚拟摇杆的方法 在uniapp中实现虚拟摇杆功能,通常需要结合canvas绘制和触摸事件监听。以下是具体实现方案: 基础摇杆实现 创建canvas画布 在template中添加c…

甜uniapp

甜uniapp

甜uniapp的定义 甜uniapp并非官方术语,可能是对uniapp开发中“高效、便捷、愉悦”体验的形容,或特定场景下的优化方案。通常指通过技巧、插件或架构设计提升uniapp开发效率和用户体验。…

uniapp 区分环境

uniapp 区分环境

uniapp 区分环境的方法 uniapp 提供了多种方式来区分开发环境和生产环境,以便在不同环境下执行不同的逻辑或配置。以下是常见的几种方法: 使用 process.env.NODE_ENV 在代…