vue 开发以及部署项目指南

项目开发过程中需要安装的插件
http请求axios插件：axios
路由懒加载插件开发依赖：@babel/plugin-syntax-dynamic-import
图表插件：echarts
树形表格插件：vue-table-with-tree-grid
进度条插件：nprogress
富文本编辑器：vue-quill-editor
复制对象插件：lodash
前端框架：element-ui

打包命令行：npm run build
1、vue项目打包安装插件（发布时去除控制台打印代码：如：console.log()）：babel-plugin-transform-remove-console

项目上线步骤（需要新建一个空文件夹，然后按照下面五点依次执行）：
1、npm init -y
2、npm iexpress -S
3、新建 app.js 文件，添加如下代码
     const express =require('express')
     const app = express()

     app.use(express.static('./dist'))
     
     app.listen(80, () => {
         console.log('server running at http://127.0.0.1')
     })

4、cls 清空控制台
5、node app.js 如果控制台打印出 "server running at http://127.0.0.1" 说明服务器运行成功

项目上线开启 gzip 配置
1、安装相应包 npm install compression -S
2、导入包 const compression = require('compression')
3、启用中间件 app.use(compression());  // 一定要把这一行代码，写到 静态资源 app.use(express.static('./dist')) 托管之前 

配置 HTTPS 服务
1、申请 SSL 证书 （https://freessl.org  https://freessl.cn）
① 进入 https://freessl.org/ 官网，输入要申请的域名并选择品牌。
② 输入自己的邮箱并选择相关选项。
③ 验证 DNS （在域名管理后台添加TXT记录）
④ 验证通过之后，下载SSL证书（full_chain.pem 公钥；private.key 私钥）。建议选用 多域名通配符

2、在后台项目中导入证书
const https = require('https')
const fs = require('fs')
const options = {
       cert:  fs.readFileSync('./full_chain.pem'),
       key: fs.readFileSync('./private.key')
}
// https 固定端口 443
https.createServer(options, app).listen(443)

使用 pm2 管理应用 cmd命令安装
1、在服务器中安装pm2：npm i pm2 -g
2、启动项目：pm2 start 脚本 --name 自定义名称 （例如完整写法：pm2 start app.js --name web_server）
3、查看运行项目：pm2 ls
4、重启项目：pm2 restart 自定义名称
5、停止项目：pm2 stop 自定义名称
6、删除项目：pm2 delete 自定义名称