当前位置:首页 > 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 前端项目开发指南 Uniapp 是一个基于 Vue.js 的跨平台开发框架,支持一次开发,多端发布(如微信小程序、H5、App 等)。以下是关于 Uniapp 前端项目的关键信息: 环…

uniapp实现标题栏渐变

uniapp实现标题栏渐变

实现标题栏渐变的方法 在UniApp中实现标题栏渐变效果,可以通过修改页面的导航栏样式或使用自定义导航栏来实现。以下是几种常见的方法: 方法一:使用原生导航栏渐变 通过修改pages.json中的…

uniapp可以用vant吗

uniapp可以用vant吗

uniapp中使用Vant组件库的可行性 Vant是专为Vue.js设计的移动端组件库,而uniapp是一个跨平台开发框架。两者并非原生兼容,但可通过以下方式实现部分Vant组件的使用。 方法一:使…

base64转换方法uniapp

base64转换方法uniapp

Base64 转换方法(UniApp) 在 UniApp 中实现 Base64 编码和解码,可以通过原生 JavaScript 的 btoa 和 atob 方法,或使用第三方库如 base64-js。…

uniapp编译结果

uniapp编译结果

uniapp编译结果 uniapp的编译结果会根据目标平台不同而生成不同的输出文件。以下是主要平台的编译结果说明: H5平台 编译后会生成一个/dist/build/h5目录,包含标准的HTML5应…