实验1：SPA开发环境搭建

SPA的基本概念

无需刷新浏览器，在SPA应用中，视图并非完整的HTML页面，它们仅仅是构成屏幕可视区域的DOM的一部分。初始页面加载后，所有创建和显示视图所需的内容将下载并准备就绪。如果后续需要新的视图，视图将在浏览器本地生成，并通过JavaScript动态关联倒DOM。

表现逻辑位于客户端，整合HTML与数据的任务从服务器移到了浏览器端。传统的Web应用中服务器端的HTML源文件包含了数据待插入的占位符，客户端模板是客户端产生新视图的基本手段。

SPA应用的优势：

1. 桌面应用程序的呈现效果，却运行于浏览器中
2. 表现层解耦
3. 更快而轻量级的事务处理负荷
4. 更少的用户等待时间
5. 更简单的代码维护

步骤

1、安装Vmware workstation

安装VMware workstation，vmware workstation版本为15，

VMware 激活码：

UY758-0RXEQ-M81WP-8ZM7Z-Y3HDA
VF750-4MX5Q-488DQ-9WZE9-ZY2D6
UU54R-FVD91-488PP-7NNGC-ZFAX6
YC74H-FGF92-081VZ-R5QNG-P6RY4
YC34H-6WWDK-085MQ-JYPNX-NZRA2

在vmware安装完成后打开虚拟机，从本地导入已经配置完成的虚拟机。这时进行虚拟机的名称重命名，选择虚拟机的存储路径。导入完成后，配置当前虚拟机的。设置虚拟机的网络适配器的模式为NAT模式。

2、配置虚拟机可以联网

查看虚拟机网卡的ip地址，在框选网卡的ip地址，在右键属性、ipv4地址查看中。

再在Linux中修改ip地址，vi  /etc/sysconfig/network-scripts/ifcfg-ens32，切换到insert模式，修改IP网址为与虚拟机网卡相同的网段，并修改网关地址。

使用systemctl  restart network 重启网络服务，然后可以尝试ping 百度一下，你就知道,  观察是否可以ping通。

3、配置git

首先跳转到home目录下，该目录下有文件夹wangding，跳转到wangding目录下，进行文件夹的创建，mkdir spa。

可以使用git  config  –list来查看当前系统下git账户的配置，如下图所示，需要将git的账户切换成自己的账户，配置命令：

git  config  --global  user.email = “自己的码云注册邮箱”

git  config  --global  user.name = “自己的码云用户名”

可以先在码云上创建好自己的课程仓库，然后可以在当前目录下拉取码云上的仓库，拉取指令：git  clone  创建好的码云的仓库地址

常用git指令：

git clone git地址（个人建议克隆SSH）//克隆代码到本地

git add .

git commit -m "第n次修改"      //提交到本地仓库

git push origin master             //提交本地代码到服务器分支

4.开放服务器端口

sudo firewall-cmd --list-ports   查看当前服务器所有开发的端口

sudo firewall-cmd --zone=public --add-port=8081/tcp --permanent  开启指定端口

sudo firewall-cmd  --reload  重启防火墙

5、创建一个web应用，并磕在Chrome访问该web应用

docker安装

sudo yum install -y yum-utils

sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo

sudo yum install docker-ce docker-ce-cli containerd.io

sudo yum list docker-ce --showduplicates | sort -r

sudo systemctl start docker

sudo systemctl status docker

sudo systemctl enable docker

docker version

安装中出现的问题，解决方式见这里

1、镜像问题：镜像失效问题解决-CSDN博客

2、启动Docker失败：启动Docker失败的解决方法-CSDN博客