diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts index d5055f0..d4d3b39 100644 --- a/docs/.vitepress/config.mts +++ b/docs/.vitepress/config.mts @@ -79,7 +79,8 @@ export default withMermaid({ items: [ { text: 'OpenObserve部署和使用', link: '/DevOps/OpenObserve' }, { text: 'Jenkins部署和使用', link: '/DevOps/Jenkins' }, - { text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' } + { text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' }, + { text: 'Docker简介和安装', link: '/DevOps/Docker' } ] }, { text: 'Flutter', @@ -154,7 +155,8 @@ export default withMermaid({ items: [ { text: 'OpenObserve部署和使用', link: '/DevOps/OpenObserve' }, { text: 'Jenkins部署和使用', link: '/DevOps/Jenkins' }, - { text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' } + { text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' }, + { text: 'Docker简介和安装', link: '/DevOps/Docker' } ] } ], diff --git a/docs/.vitepress/theme/components/ArticleMetadata.vue b/docs/.vitepress/theme/components/ArticleMetadata.vue index e9e8811..0d24dae 100644 --- a/docs/.vitepress/theme/components/ArticleMetadata.vue +++ b/docs/.vitepress/theme/components/ArticleMetadata.vue @@ -1,10 +1,24 @@ + + + \ No newline at end of file diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts index 172b376..6ffc18b 100644 --- a/docs/.vitepress/theme/index.ts +++ b/docs/.vitepress/theme/index.ts @@ -9,9 +9,11 @@ import '../theme/style.css' import './style/var.css' import './style/vp-code.css' import './style/custom-block.css' +import MyLayout from './components/MyLayout.vue'; export default { extends: DefaultTheme, + Layout: MyLayout, setup() { const route = useRoute() const initZoom = () => { diff --git a/docs/DevOps/Docker.md b/docs/DevOps/Docker.md new file mode 100644 index 0000000..7163e6b --- /dev/null +++ b/docs/DevOps/Docker.md @@ -0,0 +1,144 @@ +# 一、Docker简介 +## 1.1 基础概念 +### 1.1.1 Docker概念 +  Docker是一个开源的应用容器引擎，可以让开发者将应用和依赖打包到一个轻量级、可移植的容器中，然后部署到任何流行的Linux或Windows机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口。 +  虚拟机和Docker的主要区别：**服务器虚拟化解决的核心问题是资源调配，而容器解决的核心问题是应用开发、测试和部署。** +![虚拟机](./images/虚拟机.png) +![docker](./images/docker.png) + +  传统虚拟机技术是虚拟出一套硬件后，在其上运行一个完整操作系统，在该系统上再运行所需应用进程；而容器内的应用进程直接运行于宿主的内核，容器内没有自己的内核，而且也没有进行硬件虚拟。因此容器要比传统虚拟机更为轻便。 + +| 特性| 容器| 虚拟机 | +| :---: | :---: | :---: | +| 启动 | 秒级 | 分钟级 | +| 硬盘使用 | 一般为 `MB` | 一般为 `GB` | +| 性能 | 接近原生 | 弱于 | +| 系统支持量 | 单机支持上千个容器 | 一般几十个 | + +### 1.1.2 Docker镜像——Image +  Docker 镜像是一个特殊的文件系统，除了提供容器运行时所需的**程序、库、资源、配置**等文件外，还包含了一些为运行时准备的一些**配置参数**（如匿名卷、环境变量、用户等）。**镜像不包含任何动态数据**，其内容在构建之后也不会被改变。 + +### 1.2.3 Docker容器——Container +  镜像（`Image`）和容器（`Container`）的关系，就像是面向对象程序设计中的 `类` 和 `实例` 一样，**镜像是静态的定义，容器是镜像运行时的实体**。容器可以被创建、启动、停止、删除、暂停等。 +  **容器的实质是进程**，但与直接在宿主执行的进程不同，**容器进程运行于属于自己的独立的**[命名空间(opens new window)](https://en.wikipedia.org/wiki/Linux_namespaces)。因此容器可以拥有自己的 `root` 文件系统、自己的网络配置、自己的进程空间，甚至自己的用户 ID 空间。 +  容器内的进程是运行在一个隔离的环境里，使用起来，就好像是在一个独立于宿主的系统下操作一样。这种特性使得容器封装的应用比直接在宿主运行更加安全。 +  按照 Docker 最佳实践的要求，**容器不应该向其存储层内写入任何数据**，容器存储层要保持无状态化。**所有的文件写入操作，都应该使用数据卷（Volume）、或者绑定宿主目录**，在这些位置的读写会跳过容器存储层，直接对宿主（或网络存储）发生读写，其性能和稳定性更高。 +  数据卷的生存周期独立于容器，容器消亡，数据卷不会消亡。因此，使用数据卷后，容器删除或者重新运行之后，数据却不会丢失。 + +### 1.2.4 Docker仓库——Registry +  一个 Docker Registry 中可以包含多个仓库（Repository）；每个仓库可以包含多个标签（Tag）；每个标签对应一个镜像。 +  一个仓库会包含同一个软件不同版本的镜像，而标签就常用于对应该软件的各个版本。我们可以通过 `<仓库名>:<标签>` 的格式来指定具体是这个软件哪个版本的镜像。 +  最常使用的 Registry 公开服务是官方的 [Docker Hub](https://hub.docker.com/)，这也是默认的 Registry。 + +# 二、Docker安装 +## 2.1 环境 +  Ubuntu20.04 + +## 2.2 安装 +1. 安装依赖 + +```bash +sudo apt-get install apt-transport-https ca-certificates curl software-properties-common +``` + +2. 添加 GPG 密钥 + +```bash +curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - +``` + +  也可以使用阿里云Docker镜像： + +```bash +curl -fsSL http://mirrors.aliyun.com/docker-ce/linux/ubuntu/gpg | sudo apt-key add - +``` + +3. 添加Docker软件源 + +```bash +sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" +``` + +  阿里云Docker镜像： + +```bash +sudo add-apt-repository "deb [arch=amd64] http://mirrors.aliyun.com/docker-ce/linux/ubuntu $(lsb_release -cs) stable" +``` + +4. 安装Docker + +```bash +sudo apt-get install docker-ce +``` + +5. 配置Docker镜像服务 + +  1️⃣登录阿里云账号，在**容器镜像服务->镜像工具->镜像加速器**中找到**加速器地址**。 +  2️⃣在/etc/docker中新建文件 daemon.json + +```json +{ + "registry-mirrors": ["https://******.mirror.aliyuncs.com"] +} +``` + +  3️⃣执行命令： + +```bash +sudo systemctl daemon-reload +sudo systemctl restart docker +``` + +# 三、Portainer安装 +## 3.1 简介 +  [Portainer](https://www.portainer.io/) 是一个开源的轻量级Docker管理界面，提供直观的图形化用户界面，支持快速部署、操作和监控Docker容器、镜像、服务等。 +  Portainer提供用户管理、权限控制、容器生命周期管理、镜像操作、服务堆栈管理等功能。支持多节点管理和面板化展示。 + +## 3.2 安装 +  拉取镜像：`docker pull portainer/portainer-ce` + +## 3.3 启动 +  启动容器：`docker run -d -p 9000:9000 -v /var/run/docker.sock:/var/run/docker.sock -v /dockerData/portainer:/data --restart=always --name portainer portainer/portainer-ce:latest` + +## 3.4 运行 +  在浏览器中输入`127.0.0.1:9090`即可访问Portainer管理系统。 + +# 四、Docker基础命令 +| 功能分类 | 命令功能 | 具体命令及示例 | +|------------------|--------------------------|-------------------------------------| +| **Docker环境** | 查看版本信息 | `docker version` | +| | 查看系统信息 | `docker info` | +| | 启动Docker服务（Linux） | `sudo systemctl start docker` | +| | 停止Docker服务（Linux） | `sudo systemctl stop docker` | +| | 重启Docker服务（Linux） | `sudo systemctl restart docker` | +| | 设置开机自启（Linux） | `sudo systemctl enable docker` | +| **镜像操作** | 搜索镜像（Docker Hub） | `docker search nginx` | +| | 拉取镜像（最新版） | `docker pull nginx` | +| | 拉取镜像（指定版本） | `docker pull nginx:1.24.0` | +| | 查看本地镜像 | `docker images` | +| | 删除镜像 | `docker rmi nginx:1.24.0` | +| | 删除悬空镜像 | `docker image prune` | +| | 删除所有未用 | `docker image prune -a` | +| | 构建镜像 | `docker build -t mynginx:v1 .`（当前目录Dockerfile） | +| | 保存镜像 | `docker save -o nginx.tar nginx:1.24.0` | +| | 加载镜像 | `docker load -i nginx.tar` | +| **容器操作** | 创建并启动容器 | `docker run -d --name mynginx -p 80:80 nginx` | +| | 查看运行中容器 | `docker ps` | +| | 查看所有容器（含停止） | `docker ps -a` | +| | 启动已停止容器 | `docker start mynginx` | +| | 停止运行中容器 | `docker stop mynginx`、`docker kill mynginx` | +| | 重启容器 | `docker restart mynginx` | +| | 进入运行中的容器 | `docker exec -it mynginx /bin/bash` | +| | 查看容器日志 | `docker logs mynginx` | +| | 删除容器 | `docker rm mynginx`、`docker rm -f mynginx`| +| | 清理所有停止的容器 | `docker container prune` | +| | 查看容器详情 | `docker inspect mynginx` | + +# 五、Docker Compose + +# 六、Docker实战 +  [Docker-完整项目的部署(保姆级教学)_docker部署-CSDN博客](https://blog.csdn.net/qq_71654538/article/details/136520075) + +# 七、参考资料 +1. [Docker — 从入门到实践](https://github.com/yeasy/docker_practice?tab=readme-ov-file) + diff --git a/docs/DevOps/ElasticSearch.md b/docs/DevOps/ElasticSearch.md index 18f8a8d..eda7e44 100644 --- a/docs/DevOps/ElasticSearch.md +++ b/docs/DevOps/ElasticSearch.md @@ -1,5 +1,3 @@ - - ## 一、基础概念 ## 二、Docker部署 diff --git a/docs/DevOps/Jenkins.md b/docs/DevOps/Jenkins.md index 4f1a5b6..a9dd0b3 100644 --- a/docs/DevOps/Jenkins.md +++ b/docs/DevOps/Jenkins.md @@ -1,5 +1,3 @@ - - # 一、Jenkins安装 ## 1.1 简介   Jenkins 是一款开源的持续集成（Continuous Integration, CI） 和持续交付（Continuous Delivery, CD） 自动化工具，广泛应用于软件开发流程中，帮助团队实现代码构建、测试、部署的自动化，从而提升开发效率、减少人为错误，并确保软件质量。 diff --git a/docs/DevOps/OpenObserve.md b/docs/DevOps/OpenObserve.md index d08e44e..0f859ac 100644 --- a/docs/DevOps/OpenObserve.md +++ b/docs/DevOps/OpenObserve.md @@ -1,5 +1,3 @@ - - ## 一、基础概念 ### 1.1 Fluent Bit   [Fluent Bit](https://fluentbit.io/)​​ 是一个开源的、轻量级、高性能的日志处理器和转发器。Fluent Bit 的核心任务是：​​**从各种来源收集日志、指标和追踪数据，进行处理和过滤，然后将其发送到一个或多个目的地。​** diff --git a/docs/DevOps/images/docker.png b/docs/DevOps/images/docker.png new file mode 100644 index 0000000..13eda2d Binary files /dev/null and b/docs/DevOps/images/docker.png differ diff --git a/docs/DevOps/images/虚拟机.png b/docs/DevOps/images/虚拟机.png new file mode 100644 index 0000000..8644fe9 Binary files /dev/null and b/docs/DevOps/images/虚拟机.png differ diff --git a/docs/DevOps/index.md b/docs/DevOps/index.md index 355c5fa..5ca15a4 100644 --- a/docs/DevOps/index.md +++ b/docs/DevOps/index.md @@ -8,3 +8,4 @@ title: DevOps - [OpenObserve部署和使用](/DevOps/OpenObserve) - [Jenkins部署和使用](/DevOps/Jenkins) - [ElasticSearch部署和使用](/DevOps/ElasticSearch) +- [Docker简介和安装](/DevOps/Docker) \ No newline at end of file diff --git a/docs/Flutter/DartGuide.md b/docs/Flutter/DartGuide.md index e6c8420..8e98aea 100644 --- a/docs/Flutter/DartGuide.md +++ b/docs/Flutter/DartGuide.md @@ -1,5 +1,3 @@ - - # 一、基础语法 ## 1.1 变量与常量 ```dart diff --git a/docs/Flutter/FlutterGuide.md b/docs/Flutter/FlutterGuide.md index 5f94272..0f500d0 100644 --- a/docs/Flutter/FlutterGuide.md +++ b/docs/Flutter/FlutterGuide.md @@ -1,5 +1,3 @@ - - # 应用核心Widget ```dart // Flutter 应用的入口，配置主题、路由、国际化等。 diff --git a/docs/Flutter/Practice.md b/docs/Flutter/Practice.md index d25a3c0..94ee240 100644 --- a/docs/Flutter/Practice.md +++ b/docs/Flutter/Practice.md @@ -1,5 +1,3 @@ - - # 安卓签名   每次安装/升级软件必须使用同一个签名，否则会将本地数据全部清空。 ## 1. 生成密钥库文件 diff --git a/docs/Web-Backend/FastAPI/FastAPI-Guide.md b/docs/Web-Backend/FastAPI/FastAPI-Guide.md index 8b38e86..46894e9 100644 --- a/docs/Web-Backend/FastAPI/FastAPI-Guide.md +++ b/docs/Web-Backend/FastAPI/FastAPI-Guide.md @@ -1,5 +1,3 @@ - - # 一、简介   [FastAPI](https://fastapi.tiangolo.com/zh/) 是一个用于构建 API 的现代、快速（高性能）的 web 框架，使用 Python 并基于标准的 Python 类型提示。   安装： diff --git a/docs/Web-Backend/FastAPI/OAuth2.md b/docs/Web-Backend/FastAPI/OAuth2.md index fd1c20a..b786fd0 100644 --- a/docs/Web-Backend/FastAPI/OAuth2.md +++ b/docs/Web-Backend/FastAPI/OAuth2.md @@ -1,5 +1,3 @@ - - # 一、基础概念 ## 1.1 ​​OAuth2 Password Bearer 模式​   用于**用户名+密码**登录，获取**access_token**。 diff --git a/docs/Web-Backend/Others/Flyway.md b/docs/Web-Backend/Others/Flyway.md index b5afc19..eb67298 100644 --- a/docs/Web-Backend/Others/Flyway.md +++ b/docs/Web-Backend/Others/Flyway.md @@ -1,5 +1,3 @@ - - # 一、简介   Flyway 是一个开源的数据库版本控制工具，它极大地简化了数据库的迁移和版本管理。它的核心思想是​​像**用 Git 管理代码一样来管理数据库的结构**​​。 diff --git a/docs/Web-Backend/Others/MyBatis.md b/docs/Web-Backend/Others/MyBatis.md index 481dae5..8bc7c05 100644 --- a/docs/Web-Backend/Others/MyBatis.md +++ b/docs/Web-Backend/Others/MyBatis.md @@ -1,5 +1,3 @@ - - # 一、简介   [MyBatis](https://mybatis.org/mybatis-3/)是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射。MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。MyBatis 可以通过简单的 XML 或注解来配置和映射原始类型、接口和 Java POJO（Plain Old Java Objects，普通老式 Java 对象）为数据库中的记录。 diff --git a/docs/Web-Backend/Others/MySQL-Knowledge.md b/docs/Web-Backend/Others/MySQL-Knowledge.md index 1ea3ca7..2881f0d 100644 --- a/docs/Web-Backend/Others/MySQL-Knowledge.md +++ b/docs/Web-Backend/Others/MySQL-Knowledge.md @@ -1,5 +1,3 @@ - - # MySQL知识点 ## 一、基础知识 ### 1.1 数据类型 diff --git a/docs/Web-Backend/Others/Netword-Program.md b/docs/Web-Backend/Others/Netword-Program.md index 1438e14..20cdbf4 100644 --- a/docs/Web-Backend/Others/Netword-Program.md +++ b/docs/Web-Backend/Others/Netword-Program.md @@ -1,5 +1,3 @@ - - # 一、TCP ## 1.1 定义   TCP（Transmission Control Protocol，传输控制协议）是互联网核心的**面向连接、可靠、字节流**的传输层协议，工作在 OSI 模型的传输层（TCP/IP 模型的传输层），基于 IP 协议提供端到端的可靠数据传输服务。它是 HTTP、HTTPS、WebSocket、MQTT 等应用层协议的底层依赖，核心目标是解决 IP 协议 “无连接、不可靠、无顺序” 的缺陷，确保数据在不可靠的网络中准确、完整、有序地传输。 diff --git a/docs/Web-Backend/Others/RustFS.md b/docs/Web-Backend/Others/RustFS.md index ed0a229..3ce1444 100644 --- a/docs/Web-Backend/Others/RustFS.md +++ b/docs/Web-Backend/Others/RustFS.md @@ -1,5 +1,3 @@ - - # 简介   [RustFS](https://rustfs.com.cn/) 是一个基于 Rust 构建的高性能分布式对象存储系统。   具体以下特点： diff --git a/docs/Web-Backend/SpringBoot/SpingBoot-Skills.md b/docs/Web-Backend/SpringBoot/SpingBoot-Skills.md index 67365b8..6a39392 100644 --- a/docs/Web-Backend/SpringBoot/SpingBoot-Skills.md +++ b/docs/Web-Backend/SpringBoot/SpingBoot-Skills.md @@ -1,5 +1,3 @@ - - # 一、JsonView   JsonView 是 Jackson 提供的注解，用于控制对象序列化/反序列化时包含哪些字段。可以实现： - 不同接口返回不同字段 diff --git a/docs/Web-Backend/SpringBoot/SpringBoot-Common.md b/docs/Web-Backend/SpringBoot/SpringBoot-Common.md index 3f24fda..2d85a34 100644 --- a/docs/Web-Backend/SpringBoot/SpringBoot-Common.md +++ b/docs/Web-Backend/SpringBoot/SpringBoot-Common.md @@ -1,5 +1,3 @@ - - # 一、框架说明   本框架基于Spring Boot3框架二次开发，增加了依赖包管理和启动项配置等功能。 diff --git a/docs/Web-Backend/SpringBoot/SpringBoot-Start-Process.md b/docs/Web-Backend/SpringBoot/SpringBoot-Start-Process.md index dd84d5c..638b3fa 100644 --- a/docs/Web-Backend/SpringBoot/SpringBoot-Start-Process.md +++ b/docs/Web-Backend/SpringBoot/SpringBoot-Start-Process.md @@ -1,5 +1,3 @@ - - # 一、启动流程 ![暂无图片](https://cxx0822.iepose.cn/rustfs/blog/7d7b8c086729d400a3891a20f2107fa6.png 'SpringBoot启动流程.png') diff --git a/docs/Web-Backend/SpringBoot/SpringBoot3-GraalVM.md b/docs/Web-Backend/SpringBoot/SpringBoot3-GraalVM.md index f7d3a0d..ad3d567 100644 --- a/docs/Web-Backend/SpringBoot/SpringBoot3-GraalVM.md +++ b/docs/Web-Backend/SpringBoot/SpringBoot3-GraalVM.md @@ -1,5 +1,3 @@ - - # 一、原生镜像   传统 Java 应用基于 JVM 运行，需要加载完整的类库和 JVM 运行时环境，导致启动时间长、内存占用高。而**原生镜像技术通过提前编译（AOT）将 Java 应用直接编译为本地机器码，无需 JVM 即可运行**，具有以下核心优势： diff --git a/docs/Web-Backend/SpringBoot/SpringBootBean.md b/docs/Web-Backend/SpringBoot/SpringBootBean.md index b9c3e10..0723b74 100644 --- a/docs/Web-Backend/SpringBoot/SpringBootBean.md +++ b/docs/Web-Backend/SpringBoot/SpringBootBean.md @@ -1,5 +1,3 @@ - - # 一、Bean概念 ## 1.1 定义   Spring bean是Spring框架在运行时管理的对象，Bean是一个由Spring IoC容器实例化、组装和管理的对象。 diff --git a/docs/Web-Backend/SpringBoot/SpringBootStarter.md b/docs/Web-Backend/SpringBoot/SpringBootStarter.md index 5a7195a..7b900bb 100644 --- a/docs/Web-Backend/SpringBoot/SpringBootStarter.md +++ b/docs/Web-Backend/SpringBoot/SpringBootStarter.md @@ -1,5 +1,3 @@ - - # 一、简介   Spring Boot Starter是一组预定义的依赖项集合，旨在简化Maven或Gradle等构建工具中的依赖管理。每个Starter都包含了实现特定功能所需的库和组件，以及相应的配置文件。开发者只需在项目中引入相应的Starter依赖，即可快速搭建起具备该功能的项目骨架。   Starter=依赖+自动配置+配置文件 diff --git a/docs/Web-Backend/SpringBoot/SpringIOC.md b/docs/Web-Backend/SpringBoot/SpringIOC.md index fc694ca..f4680e8 100644 --- a/docs/Web-Backend/SpringBoot/SpringIOC.md +++ b/docs/Web-Backend/SpringBoot/SpringIOC.md @@ -1,5 +1,3 @@ - - # 一、IOC   Spring框架的核心是IOC（控制反转）容器，它负责管理应用程序中的对象（称为Bean）的创建、配置和组装。 diff --git a/docs/Web-Backend/SpringBoot/SpringMVC.md b/docs/Web-Backend/SpringBoot/SpringMVC.md index c5ca129..2abcf5b 100644 --- a/docs/Web-Backend/SpringBoot/SpringMVC.md +++ b/docs/Web-Backend/SpringBoot/SpringMVC.md @@ -1,5 +1,3 @@ - - # 一、基础概念   Spring MVC（Spring Model-View-Controller）是 Spring Framework 中的一部分，它是一个基于 **请求驱动** 的 Web 框架，主要用于构建 Web 应用程序，并且遵循 MVC（模型-视图-控制器） 设计模式。它将 Web 应用的业务逻辑、用户界面和请求处理分离，使得代码更加模块化和可维护。 diff --git a/docs/Web-Front/Others/Browser-Process.md b/docs/Web-Front/Others/Browser-Process.md index a648555..9e58fbe 100644 --- a/docs/Web-Front/Others/Browser-Process.md +++ b/docs/Web-Front/Others/Browser-Process.md @@ -1,5 +1,3 @@ - - # 一、网络请求阶段 1. DNS 解析 diff --git a/docs/Web-Front/Others/JavaScript-Guide.md b/docs/Web-Front/Others/JavaScript-Guide.md index bb853d1..5b7d2f5 100644 --- a/docs/Web-Front/Others/JavaScript-Guide.md +++ b/docs/Web-Front/Others/JavaScript-Guide.md @@ -1,5 +1,3 @@ - - # JavaScript简介 ## JavaScript 实现   完整的`JavaScript`实现包含以下几个部分： diff --git a/docs/Web-Front/Others/Package.md b/docs/Web-Front/Others/Package.md index 1e88580..033179c 100644 --- a/docs/Web-Front/Others/Package.md +++ b/docs/Web-Front/Others/Package.md @@ -1,5 +1,3 @@ - - # npm   2010年随Node.js发布的npm，首次为JavaScript引入了标准的包管理系统。其核心创新是**package.json文件**，通过语义化版本规范定义了依赖声明标准。这一设计解决了手动管理依赖时的版本混乱问题，为模块化开发提供了基础设施。 diff --git a/docs/Web-Front/Others/Vite-Principle.md b/docs/Web-Front/Others/Vite-Principle.md index 4258280..8166d95 100644 --- a/docs/Web-Front/Others/Vite-Principle.md +++ b/docs/Web-Front/Others/Vite-Principle.md @@ -1,5 +1,3 @@ - - # 一、Vite简介   Vite是新一代的前端构建工具，在尤雨溪开发Vue3.0的时候诞生。类似于Webpack+ Webpack-dev-server。   其主要利用浏览器**ESModule特性**导入组织代码，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。生产中利用Rollup作为打包工具，号称下一代的前端构建工具。 diff --git a/docs/Web-Front/Vue/Vue3-Architecture.md b/docs/Web-Front/Vue/Vue3-Architecture.md index 886a789..8b15b9b 100644 --- a/docs/Web-Front/Vue/Vue3-Architecture.md +++ b/docs/Web-Front/Vue/Vue3-Architecture.md @@ -1,5 +1,3 @@ - - # 一、Vue3 整体架构图 ```mermaid graph TD diff --git a/docs/Web-Front/Vue/Vue3-Common.md b/docs/Web-Front/Vue/Vue3-Common.md index b736fe5..8072083 100644 --- a/docs/Web-Front/Vue/Vue3-Common.md +++ b/docs/Web-Front/Vue/Vue3-Common.md @@ -1,5 +1,3 @@ - - # 一、依赖管理   本项目会传递安装的依赖有：