本地vue项目自动化部署到服务器

  平常我们项目进行部署时，大多数仅仅是以测试为目的（或者说项目内容不会有频繁的改动），因此使用FTP文件传输工具（如：FileZilla）即可满足我们的需求。

  但对于需要频繁改动的项目部署（如我的个人笔记库网站：https://note-taking.cn/ ），自动化部署就显得尤为重要。

解决方案

  使用scp2包。

npm i scp2

使用方式

  项目根目录新建upload.ssh.js文件，其内容如下：

"use strict";
// 引入scp2var
var client = require("scp2");
console.log("开始自动上传!");
client.scp(
  "./docs/.vuepress/dist/", // 默认打包的路径
  {
    host: "", // 此处替换为你自己服务器的ip
    port: "22", // ftp端口号 ，一般为22 或 21
    username: "root", // 服务器登录用户名
    password: "", // 服务器登录密码
    path: "/www/wwwroot/……/", // 项目要上传到服务器的路径，要服务器上的绝对路径
  },
  (err) => {
    if (!err) {
      console.log("项目发布完毕!");
    } else {
      console.log("err", err);
    }
  }
);

部署时

• package.json

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs",
    "upload": "node upload.ssh.js",
    "deploy": "npm run docs:build && npm run upload"
  },
}