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去安裝依賴。