1. 程式人生 > >Vue element admin template 配置環境

Vue element admin template 配置環境

以新裝好的系統為例:Ubuntu 14.04

#不要使用預設apt intsall 命令安裝,預設安裝的node版本過低。

1:下載node安裝包  ,我下載的是8.11.3版本( 為什麼呢,因我司專案版本是8.11.3 ,為了避免莫名錯誤和bug)

2:解壓下載好的安裝包

cd node-v8.11.3-linux-x64/bin

./node -v 
版本:8.11.3

這樣就可以了,然後設定node為全域性

ln -s /var/node-v8.11.3-linux-x64/bin/node /usr/local/bin/node

ln -s /var/node-v8.11.3-linux-x64/bin/npm /usr/local/bin/npm

/-------------------------------------------------------node 配置完成,執行vue專案

1:預設你已經下載好了vue專案,沒下就去下吧。

2:進入專案根目錄

cd /var/vue

3:設定npm 許可權(可先嚐試 npm install ,如環境順利安裝可略過此步)

npm config set user 0 
npm config set unsafe-perm true

 ###請手打,不要複製( 會報錯 )。

官方解釋:     If npm was invoked with root privileges, then it will change the uid to the user account or uid specified by the user config, which defaults to nobody. Set the unsafe-perm flag to run scripts with root privileges.

4:安裝環境依賴

npm install

5:修改 vue/config/index.js 內的配置檔案,

module.exports={
    dev:{
        ...
        host:'你本機IP地址',
        ...
    }
}

6:

npm run dev