一、常用工具：
图片压缩工具：https://tinypng.com/
图片去背景工具：https://www.remove.bg/zh
maptalks教程：https://mdpress.glicon.design/p/5enoiCkUaADcSh76yCKjp/YEWU/traceplay.html

二、Node.js 安装
Node.js下载地址：https://nodejs.org/zh-cn/download
安装pnpm：npm install -g pnpm
查看pnpm：pnpm -v

nvm windows 版本下载：
https://github.com/coreybutler/nvm-windows (41.6k)

nvm Linux Docker版下载：
https://github.com/nvm-sh/nvm/releases （85.4k）

nvm -v // 查看 nvm 版本
nvm list available // 查看可用的node版本
nvm install 14.21.3 // 安装16.20.2版本的node node-v14.21.3-x64 node-v20.11.0-x64
nvm use 16.20.2 // 使用16.20.2版本的node
nvm list // 查看电脑已经安装的node版本以及使用中的node版本

三、RuoYi 使用介绍
RuoYi-Vue-Plus | RuoYi-Cloud-Plus 文档汇总：
https://gitee.com/dromara/plus-doc
https://plus-doc.dromara.org/#/README

后端两个版本：https://plus-doc.dromara.org/#/
单体版：https://gitee.com/dromara/RuoYi-Vue-Plus
----说明文档：https://plus-doc.dromara.org/#/ruoyi-vue-plus/quickstart/init

----openjdk 下载地址：https://bell-sw.com/pages/downloads/#jdk-17-lts
微服务版：https://gitee.com/dromara/RuoYi-Cloud-Plus

前端的三个版本：
Element Plus 版：https://gitee.com/JavaLionLi/plus-ui
----演示系统：https://plus-doc.dromara.org/#/common/demo_system
----Element Plus 文档：https://plus-doc.dromara.org/#/plus-ui/home

vben 版：https://dapdap.top/
----项目源码地址（有跨域使用配置）：https://gitee.com/dapppp/ruoyi-plus-vben5
----Plus Vben5版使用：https://dapdap.top/guide/quick-start.html
----代码生成器：https://dapdap.top/other/template.html
----项目部署：https://dapdap.top/other/deploy.html#nginx-%E9%85%8D%E7%BD%AE-%E9%87%8D%E8%A6%81
----Vben Admin官网：https://doc.vben.pro/guide/introduction/vben.html
----Ant Design Vue 控件官网：https://www.antdv.com/components/overview

Soybean Admin版：https://gitee.com/xlsea/ruoyi-plus-soybean
监控中心： ruoyi 123456
Snail job： admin admin

四、OPEN JDK 安装

OPEN JDK下载：https://bell-sw.com/pages/downloads/#jdk-17-lts

DockerHub 替代品
Quay.io 是 Red Hat 的一个流行的 DockerHub 替代品，提供免费和付费计划。
Google Container Registry (GCR) 是 Google Cloud Platform 的一个容器注册表服务。
Amazon Elastic Container Registry (ECR) 是由 Amazon Web Services (AWS) 提供的完全托管的 Docker 容器注册表，简化了存储、管理和部署 Docker 映像的过程。
Azure Container Registry (ACR) 是 Microsoft Azure 的容器注册表提供。
GitHub Container Registry (GHCR) 是由 GitHub 提供的容器注册表服务。

案例：下载 liberica-openjdk-debian:17.0.11-cds 镜像

Docker Hub:
docker pull bellsoft/liberica-openjdk-debian:17.0.11-cds

GHCR:
docker pull ghcr.io/bell-sw/liberica-openjdk-debian:17.0.11-cds

MCR:
docker pull bellsoft.azurecr.io/liberica-openjdk-debian:17.0.11-cds

五、Vue3 基础入门

选项式： Vue.js 早期版本中引入的，基于组件的选项（如 data、methods、computed、watch）来定义组件的行为。

组合式：通过setup函数，可以导入和使用多个逻辑功能，称之为“组合式函数”。例如：ref 、 reactive、computed、watch

1、更好的代码重用和组合
2、在 setup 函数内部定义的响应式状态和行为更加集中和清晰
3、ts 提供了更好的类型支持和推断能力

选项式和组合式：它们只是同一个底层系统所提供的两套不同的接口。选项式 API 是在组合式 API 的基础上实现的，关于 Vue 的基础概念和知识在它们之间都是通用的。

ES (ECMAScript) 模块是一种定义和导出模块的标准方式，它是 JavaScript 语言的一部分，并被设计为替代旧的模块系统，如 CommonJS。

ES 模块导入，拆分模块：<script type="module">

Import maps导入：<script type="importmap">

每个Vue应用都是通过createApp创建。

https://cn.vuejs.org/guide/essentials/application