超简单Vue快捷打包并部署到服务器

本文介绍了如何使用Vue快捷打包并部署到服务器。

准备工作

#安装scp2
npm install scp2 --save-dev

#下面两个插件是部署的时候控制台美化所用 可有可无
npm install ora
npm install chalk

第一步 deploy.js

在项目根目录下创建一个deploy.js文件，内容如下：

'use strict'
// 引入scp2
var client = require('scp2');
// 下面两个插件是部署的时候控制台美化所用 可有可无
const ora = require('ora');
const chalk = require('chalk');
const spinner = ora(chalk.green('正在发布到服务器...'));
spinner.start();

client.scp('./dist/', {    // 本地打包文件的位置，根据项目的需求修改
    "host": 'xx.xx.xx.xx', // 服务器的IP地址
    "port": '22',            // 服务器端口， 一般为 22
    "username": 'root',       // 用户名
    "password": '********************',     // 密码
    "path": '/home/wwwroot/website'            // 项目部署的服务器目标位置
}, err =>{
    spinner.stop();
    if (!err) {
        console.log(chalk.green("项目发布完毕!"))
    } else {
        console.log("err", err)
    }
})

第二步 package.json

在package.json文件中的scripts中添加如下代码：
这边先执行打包命令，然后才是执行部署命令，所以需要先执行npm run build，再执行node deploy.js。

{
  "scripts": {
    "deploy": "npm run build && node deploy.js"
  }
}