项目上线

命令：npm run build

作用：用vue-cli内部集成的webpack，把 .vue，.less，.js 等打包成浏览器可直接执行的代码 html，css，js。

结果：会在项目根目录下创建/dist目录，在这个目下产出打包后的结果

一、准备工作

写好的代码，需要拉取最新的代码

二、软件

1. Xshell：安全终端模拟软件

因为window本身的命令系统不够强大，他需要接触外力，类似Xshell这样的脚本对linux服务器进行操控

但是像mac电脑就不需要，因为mac本身是unix，他大部分的命令和linux是一样的，所以现在大部分有钱的公司的员工都是发的mac笔记本。

2. xFTP：做文件传，可以把我们本地的文件传输到linux服务器上

做文件传，可以把我们本地的文件传输到linux服务器上。

3. Nginx：轻量级web服务器

4. VSCode：前端开发工具

三、linux命令

xshell常用命令

1. ssh root@xxxx连接远程服务器
2. ls：展示当前文件下的所有文件
3. pwd：当前路径
4. mkdir xxx 创建一个xxx的文件夹
5. cd xxx 进入到xxxi这个文件夹下
6. touch xxx.txt 创建一个xxx.txt的文件

连接自己的服务器

以上步骤完成后安装下面四个依赖

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

1. 连上nginx服务器以后我们一般再/root目录下，nginx需要发布到/usr/local文件夹下
2. 因为/root目录和/usr是同级目录 cd ../usr/local
3. mkdir nginx 创建一个文件夹
4. cd nginx
5. 下载tar包
6. wget nginx.org/download/ng…
7. tar -xvf nginx-1.13.7.tar.gz

//进入nginx目录
cd /usr/local/nginx
//进入目录
cd nginx-1.13.7
//执行命令 考虑到后续安装ssl证书 添加两个模块
./configure --with-http_stub_status_module --with-http_ssl_module
//执行make命令
make
//执行make install命令
make install

8. cd ../ 退到nginx目录下
9. cd sbin 进入sbin
10. ./nginx
11. npm run build 打包我们的项目
12. 通过xftp 把dist目录下的文件直接拖拽到 nginx 下的html文件夹下，覆盖原文件即可，刷新页面即可。