安装vue官方文档：https://cn.vuejs.org/v2/guide/installation.html

 

一、安装vue有多种方法：

1、直接在<script>标签中引入Vue.js文件，Vue会被注册为一个全局变量；

2、NPM安装，NPM是nodejs的包管理工具，所以要先安装nodejs。

 

我介绍下第二个方法，先安装nodejs，然后安装vue。

 

二、安装nodejs

1、官网下载nodejs：https://nodejs.org/en/download/

2、下载：Linux Binaries (x64)，下载后得到文件类似：node-v12.16.1-linux-x64.tar.xz，注意他的后缀是.xz

3、.xz压缩包，千万不要用windows去解压，它会破会里面的内链关系。一定要在linux中解压（我在这里踩了坑）

4、解压命令：

xz -d node-v12.16.1-linux-x64.tar.xz

tar -xvf node-v12.16.1-linux-x64.tar

我是解压在/root目录下，你们随意。把目录改个名字，比如我的是/root/node

5、添加全局使用，修改环境变量

vi /etc/profile

在文件的末尾添加：

export NODE_HOME=/root/node

export PATH=$NODE_HOME/bin:$PATH

刷新配置

source /etc/profile

6、验证结果

node -v

npm -v

2个都出现版本号，说明安装成功了！

 

 

三、安装vue-cli

1、使用淘宝的NPM镜像

不然会很慢，使用我们定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm，

全局安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

检查一下

cnpm -v

 

2、npm安装模块

基本命令：cnpm install [name]

全局安装vue-cli:

cnpm install -g vue-cli

检查一下：

vue

vue -V

 

ok，分别打印vue的命令提示 和 版本号，说明安装成功。

 

四、部署项目

参考：https://www.cnblogs.com/alvin-niu/p/9502286.html

1、创建虚拟机；

2、上传vue项目到网站目录；

3、创建app.js

4、全局安装pm2

npm install pm2 -g

5、启动项目

启动：pm2 start /home/wwwroot/vue.imdupeng.cn/app.js

查看：pm2 list

 

6、编辑网站nginx配置文件，监听app.js中配置的端口

 

 

ok，可以访问了。