DesktopCLIWeb

开发

开发指南

开发时，本机需要具有 Node，Git 环境，并需要了解 npm，Vue.js，MQTT，TypeScript 等相关知识。

# Fork & Clone 项目
git clone git@github.com:${name}/MQTTX.git

cd MQTTX/web
yarn install

# 编译和热重载以进行开发
yarn run serve

# 编译和压缩以构建生产版本
yarn run build

# 编译并启动一个本地 HTTP 服务器以进行测试
yarn run start

# 编译和压缩以构建生产版本，用于 Docker 容器化
yarn run build:docker

# 构建 Docker 镜像
docker build -t mqttx-web .

# 运行 Docker 镜像
docker run -p 80:80 mqttx-web

构建成功后，会在 dist 目录里出现构建成功的相应的文件。

修改配置

如果你需要进行个性化设置，比如修改默认的连接路径、部署路径或产物路径，你可以在 web/.env 或 web/.env.docker 文件中进行相应的修改。这两个文件分别对应了不同的打包需求，可以根据你的实际情况选择修改。

配置项描述
VUE_APP_PAGE_TITLE显示在浏览器的标题栏中的标题
VUE_APP_PAGE_DESCRIPTION用于 SEO 的简短页面描述
VUE_APP_DEFAULT_HOSTMQTT 代理服务器连接的默认地址
BASE_URL部署应用程序的根 URL，用于构建链接和路由
VUE_APP_OUTPUT_DIR编译后将构建文件放置的目录

贡献

请确保在发出 PR 请求前， 已经仔细阅读过了贡献指南

在此页面