阿里云的Linux服务器下部署Vue项目

Step1: macOS系统下登录Linux OS

macOS的终端通过ssh远程连接Linux服务器：

首先，进入root

sudo -i

显示 password：直接在password后面输入开机密码回车，输入时，密码不可见

接着输入

ssh root@+ip

这时显示 root@+ip’s password：直接在password后面输入密码回车，同样，输入时，密码不可见

这时已经切换到linux服务器上了，然后就可以进行下一步。

Step2: Linux 服务器下安装npm和node

运行以下命令

$ cd /usr/local
$ mkdir node
$ cd node
$ wget https://npm.taobao.org/mirrors/node/v14.3.1/node-v14.3.1-linux-x64.tar.gz

解压.tar.gz

$ tar -zxvf node-v14.3.1-linux-x64.tar.gz
$ pwd
$ ls

创建软链接，使node和npm命令全局有效。

$ ln -s /usr/local/node/node-v14.13.1-linux-x64/bin/npm /usr/local/bin/npm
$ ln -s /usr/local/node/node-v14.13.1-linux-x64/bin/node /usr/local/bin/node

到这一步，npm和node配置完成，删除已经下载的.tar.gz文件

Step3: 部署Vue项目

mac向linux远程服务端上传文件：
打开Terminal，输入命令

scp -r  本地文件地址 root@服务端ip: 服务端路径

然后输入服务器密码 就有上传进度了

（如果Vue项目中存在node_modules目录，应先删除掉，然后重新在服务器端部署）

上传完成后，在服务器端打开项目所在文件夹
运行npm install，重新创建项目所需的依赖包

如果npm install速度过慢，可以下载淘宝镜像
用 get命令查看registry
npm congfig get registry
原版结果为
http://registry.npmjs.org
用set命令换成淘宝镜像
npm config set registry https://registry.npm.taobao.org
再执行命令
npm install

创建完成后，在项目文件夹下执行命令

npm run serve

到这里，Vue就已经成功的部署到Linux服务器上咯！