jenkins+nginx自动化部署前端Vue项目

一、前言

本教程由charhua编写，其内容均为自身实践所得。本次部署采用设备和应用情况：

为什么没有Docker？

其实本文一开始是以docker实践的，后面因为性能原因，选择原生运行。其实使用docker运行的方法与此方法很相似，无非安装docker和配置docker工作目录，之后执行时在docker执行。若你想要以docker运行，建议您：

CharHua大约 8 分钟

终于终于我能吃上他们的脱单饭了hhhhh

CharHua小于 1 分钟

迁移计划

目前本站只是过渡性方案，在未来可能会迁移到新站。当然现在大部分时间精力都放在学习、生活以及后面的工作准备上。我也希望能建设一个更好更符合自己的个人博客☺️

CharHua小于 1 分钟

虽然520，可确实与我无关... 但，明天解封啦！！！wuho!! 🤪

CharHua小于 1 分钟

使用CDN：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

CharHua大约 9 分钟

在TypeScript中定义变量需要指定标识符的类型。

var/let/const 标识符: 数据类型 = 赋值;

CharHua大约 21 分钟

局部安装：

npm install typescript -D

CharHua大约 2 分钟

1、通过定义和隔离状态管理中的各种概念并通过强制规则维持视图和状态间的独立性，我们的代码将会变得更结构化且易维护。

2、Vuex 使用单一状态树：用一个对象就包含了全部的应用层级的状态；采用的是SSOT，Single Source of Truth，也可以翻译成单一数据源；这也意味着，每个应用将仅仅包含一个 store 实例；单状态树和模块化并不冲突，后面我们会讲到module的概念；

3、单一状态树的优势：如果你的状态信息是保存到多个Store对象中的，那么之后的管理和维护等等都会变得特别困难；所以Vuex也使用了单一状态树来管理应用层级的全部状态；单一状态树能够让我们最直接的方式找到某个状态的片段，而且在之后的维护和调试过程中，也可以非常方便的管理和维护；

CharHua大约 12 分钟

这是一个空白的幻灯片页

CharHua小于 1 分钟