CLI 发行uni-app到微信小程序,如何不打开微信开发者工具去进行小程序发布?(1)

简介: CLI 发行uni-app到微信小程序,如何不打开微信开发者工具去进行小程序发布?(1)

一、CLI 概述

HBuilderX cli命令行工具, 仅适用于HBuilderX 3.1.5+版本

1. cli 程序

   先科普一下 cli 是什么? CLI(command-line interface,命令行界面)可在用户提示符下键入可执行指令的界面。CLI是Command Line Interface的缩写,即命令行界面。

看文字大家是不是有点懵,那看下图是不是瞬间醒悟?没错就是这个!

20210527153548522.png

2. Hbuildx 的 cli

为什么要说是 Hbuildx 的 cli 呢?

       因为当前的 cli 只能为我们的 Hbuildx 去服务的!开发者可以通过cli命令行指示HBuilderX进行启动、打包、登录等操作。

命令行工具所在位置:

Windows: HBuilderX安装目录根目录, cli.exe

MacOSX

正式版 /Applications/HBuilderX.app/Contents/MacOS/cli

Alpha版 /Applications/HBuilderX-Alpha.app/Contents/MacOS/cli

特别注意:本文所有命令示例,均以cli代替cli.exe,请根据不同操作系统,实际应用。


今天主要演示 Windows 大家可以看下图,大家可以看到一下 cli.exe的文件,或者清空路径输入 cmd,打开黑窗口,这个就是当前为我们 Hbuildx 服务的CLI所在位置!

20210527153548522.png

3. cli 基础命令

通过上一步的介绍,我们已经找到 Hbuildx 的cli工具了,那么我们可以通过 cli 去做一下基本的操作;如果不是通过我第二步打开的朋友,在全局是找不到当前 Hbuildx 的cli 的,后边我会带着大家配置全局的环境变量;

查看帮助文档

       查看帮助文档,需要先启动Hbuildx;不然就会出现下图的问题

cli --help  // 查看帮助文档
cli help // 查看帮助文档

20210527153548522.png

查看 cli 版本号

 

cli ver

启动/关闭 Hbuildx

 

1. # 启动HBuilderX程序
2. cli open
3. 
4. # 关闭HBuilderX程序
5. cli app quit

更多命令行

cli命令 详情
用户账号操作,登录、退出等 详情
文件操作,打开文件并跳转指定行列 详情
项目操作,导入、关闭项目 详情
app打包 详情
uniCLoud操作,比如云函数上传等 详情
uniCloud 前端网页托管 详情

二、CLI 全局变量配置

通过上面的步骤我们已经可以成功启动当前 Hbuildx 安装目录下的 cli 工具了;

但是我们全局的 CMD 还是找不到我们的 cli工具,这种情况就需要在全局的环境变量里面配置了

20210527153548522.png

1. Windows 配置全局环境变量

① 复制HBuilderX安装目录路径(即HBuilderX.exe程序所在位置的上级目录)

20210527153548522.png

②右键 This PC(此电脑) -> Properties(属性) -> Advanced system settings(高级系统设置) -> Environment Variables(环境变量)

20210527153548522.png

③【用户变量】,点击【编辑】,找到path,输入HBuilderX路径。

20210527153548522.png

点击新建,把刚才第一步复制的路径 Copy 进来

20210527153548522.png

④校验一下是否配置成功

【 Window + R 】 输入 cmd 打开命令行窗口

1. #查看当前配置是否成功
2. 
3. 输入 cli ver 
4.

20210527153548522.png

2. MacOSX 配置全局环境变量

① 方法一:添加环境变量

         警告: 修改环境变量时,请慎重仔细,如果没有经验,不建议修改环境变量。

如果您的shell是bash,进入终端,编辑环境变量文件~/.bash_profile, 输入如下内容

如果您的shell是zsh,进入终端,编辑环境变量文件~/.zprofile,输入如下内容

export HX_HOME=/Applications/HBuilderX.app/Contents/MacOS/
export PATH=$HX_HOME:$PATH:.

②方法二:创建别名

       打开终端,根据shell类型,执行如下命令:

# shell类型:bash
echo "alias cli='/Applications/HBuilderX.app/Contents/MacOS/cli'" >> ~/.bashrc && source ~/.bashrc
# shell类型:zsh
echo "alias cli='/Applications/HBuilderX.app/Contents/MacOS/cli'" >> ~/.zshrc && source ~/.zshrc

③方法三:创建软连接

       打开终端,执行如下命令:

ln -s /Applications/HBuilderX.app/Contents/MacOS/cli /usr/local/bin/cli

 

相关文章
|
23天前
|
人工智能 小程序 Java
【工具】轻松解锁SQLite数据库,一窥微信聊天记录小秘密
本文介绍了一款名为PyWxDump的开源工具,它可以获取微信账户信息、解密SQLite数据库以查看和备份聊天记录。此工具适用于已登录电脑版微信的用户,通过GitHub下载后简单几步即可操作。适合对数据恢复感兴趣的开发者,但请注意合法合规使用并尊重隐私。
157 2
【工具】轻松解锁SQLite数据库,一窥微信聊天记录小秘密
|
1月前
|
小程序 开发者
微信开发者工具如何集成SVN、同时解决集成SVN无效果的问题
这篇文章介绍了如何在微信开发者工具中集成SVN版本控制系统,并提供了解决集成后无效果问题的方法。
微信开发者工具如何集成SVN、同时解决集成SVN无效果的问题
|
13天前
|
移动开发 小程序 JavaScript
uni-app开发微信小程序
本文详细介绍如何使用 uni-app 开发微信小程序,涵盖需求分析、架构思路及实施方案。主要功能包括用户登录、商品列表展示、商品详情、购物车及订单管理。技术栈采用 uni-app、uView UI 和 RESTful API。文章通过具体示例代码展示了从初始化项目、配置全局样式到实现各页面组件及 API 接口的全过程,并提供了完整的文件结构和配置文件示例。此外,还介绍了微信授权登录及后端接口模拟方法,确保项目的稳定性和安全性。通过本教程,读者可快速掌握使用 uni-app 开发微信小程序的方法。
37 3
|
30天前
|
小程序 前端开发
微信小程序商城,微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考,该项目在Github上获得18.2k星,提供了详细的使用教程和前端页面实现,适合学习微信小程序开发和作为毕业设计项目。
微信小程序商城,微信小程序微店 【毕业设计参考项目】
|
1月前
|
小程序 开发者
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
这篇文章介绍了微信小程序的初始化过程,包括如何注册微信小程序账号、下载微信小程序开发者平台,并指导了新建小程序的详细步骤。
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
|
1月前
|
小程序
uni-app——微信小程序设置全局分享
uni-app——微信小程序设置全局分享
48 0
|
2月前
|
小程序 安全 搜索推荐
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序(3)
这是一篇关于微信小程序开发的文章摘要,作者介绍了如何创建一个网上花店小程序,旨在提供便捷的购花体验。小程序包含鲜花分类功能,允许用户按品种、颜色和用途筛选,确保快速找到合适的鲜花。它还提供了配送服务,保证鲜花的新鲜度。文章展示了`cash.wxml`、`cash.wxss`和`cash.js`的部分代码,用于实现分类和商品展示,以及`qin.wxml`、`qin.wxss`和`qin.js`,涉及商品详情和购买付款流程。代码示例展示了商品列表渲染和交互逻辑,包括页面跳转、数据传递和点击事件处理。文章最后提到了购买付款界面,强调了安全和便捷的支付体验。
82 0
【微信小程序开发实战项目】——如何制作一个属于自己的花店微信小程序(3)
|
2月前
|
小程序 开发工具 开发者
入职必会-开发环境搭建31-微信开发者工具下载和安装
微信开发者工具是一款由微信官方推出的开发工具,旨在帮助开发者更高效地进行微信小程序和微信公众号的开发与调试。该工具集成了代码编辑、代码上传、实时预览、调试等功能,能够提供便捷的开发环境和调试工具,帮助开发者快速定位和解决问题。
|
2月前
|
小程序 开发者
【微信小程序】 微信小程序报错不在以下request合法域名列表中
【微信小程序】 微信小程序报错不在以下request合法域名列表中
417 0
|
2月前
|
JavaScript
支付系统---微信支付23-数据绑定和事件,使用Vue调试要添加扩展,F12与console平级就出现了Vue,在支付资料,微信支付,04资料,工具里
支付系统---微信支付23-数据绑定和事件,使用Vue调试要添加扩展,F12与console平级就出现了Vue,在支付资料,微信支付,04资料,工具里