关于项目

项目:❄️ 云空调,便携小空调,为你的夏日带去清凉!

Github:air-conditioner

作者:YunYouJun

实施

嫌麻烦的可以直接按照作者的腾讯开源项目CloudBase Framework一键链接搭建。

搭建环境

作者的技术栈选用了 React + Material-UI,所以需要node,js环境。因为我对node.js环境没啥需求,所以我选择docker,build完部署到生产环境后删除docker即可。

docker pull node

运行容器

docker run \
    -tid \
    --name node \
    --privileged=true \
    --restart always \
    -v /mnt/sda1/node:/node
    node:latest

其中/mnt/sda1/node目录是宿主机的挂载目录,方便编辑和下载完成的文件

进入容器

docker exec -it node bash

准备工作

检测环境

## 更新
opt update

## 检查node版本
node.js -v

## 检查nmp
nmp -v

## 检查yarn版本
yarn --version

正常显示版本号说明环境正常,进行下一步。没有则apt install,比如apt install yarn

开始编辑

## 进入项目文件夹
cd node

## 获取目录文件
git clone https://github.com/YunYouJun/air-conditioner.git

## 进入目录
cd air-conditioner

## 安装依赖
yarn add typescript

## 可选环境变量
cp .env.example .env

## 可选关闭广告
REACT_APP_DISABLE_ADSENSE=true

## 开启测试
yarn start

## 请自由编辑内容,并通过http://localhost:3000/测试

yarn build
## ./build

部署生产

在宿主机挂载目录,下载build文件夹,上传至nginx网站目录即可。

效果

静谧时光空调房

最后修改:2021 年 05 月 21 日
如果觉得我的文章对你有用,请随意赞赏