linux中搭建vue环境

1.安装nodejs环境

首先在nodejs官网选择自己需要下载的版本。进入文件后选择tar.xz，复制下载的链接。

使用wget下载对应的tar.xz文件。

wget https://nodejs.org/dist/v12.18.1/node-v12.18.1-linux-x64.tar.xz
## 创建目录
mkdir -p /usr/local/nodejs
## 解压到指定目录
tar -xf node-v12.18.1-linux-x64.tar.xz -C /usr/local/nodejs
## 进入解压后的目录
/usr/local/nodejs
## 重命名文件夹
mv node-v12.18.1-linux-x64/ node-v12.18.1
## 进入node-v12.18.1中查看版本情况
cd node-v12.18.1
./bin/node -v 

建立软连接将nodejs变为全局

ln -s /usr/local/nodejs/node-v12.18.1/bin/npm /usr/local/bin/
ln -s /usr/local/nodejs/node-v12.18.1/bin/node /usr/local/bin/

完成后使用node -v查看版本信息。

2.安装cnpm

cnpm是淘宝对npm的镜像服务器，这样依赖的包安装起来就快多了。

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

安装完成后会在你的nodejs的bin下有一个cnpm的目录，我们需要将其软连接到/usr/local/bin/中。

建立软连接：

## 如果不确定之前/usr/local/bin有无cnpm可以先切换到目录中查看，如果有先删除再建立软连接
ln -s /usr/local/nodejs/node-v12.18.1/bin/cnpm /usr/local/bin/cnpm

建立连接后/usr/local/bin目录内容如下：

查看版本：cnpm -v

3.安装vue-cli

vue-cli是vue官方提供的一个命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。
安装命令：cnpm install -g vue-cli

完成后同样在/usr/local/nodejs/node-v12.18.1/bin会多出一个vue的目录，我们需要建立软连接。

ln -s /usr/local/nodejs/node-v12.18.1/bin/vue /usr/local/bin/

完成后我们使用vue --version查看版本信息

4.安装pm2

pm2是管理后台服务运行的一个组件。安装命令npm install -g pm2，完成后同样可以在/usr/local/nodejs/node-v12.18.1/bin查看安装情况。

看见目录下有pm2后，需要我们建立全局的软连接。

ln -s /usr/local/nodejs/node-v12.18.1/bin/pm2 /usr/local/bin/

完成后输入pm2查看相关信息

pm2的相关操作：

1. 启动服务
   比如我需要启动一个server.js，则切换到对应的vue工程根目录中，使用pm2 start server.js去启动项目即可。
   

2. 查看服务日志 pm2 log
   

3. 停止pm2：pm2 stop

4. 列举pm2列表：pm2 list

5.初始化vue项目

创建一个文件夹命名为vue-pdf，切换到该目录中，执行vue init webpack vue-pdf来初始化项目。

完成后进入目录中，运行npm install去安装依赖。