1. 程式人生 > 實用技巧 >喵星之旅-狂奔的兔子-vue環境搭建

喵星之旅-狂奔的兔子-vue環境搭建

一、前言

vue開發就像java開發需要jdk一樣,需要相應環境支援。這裡是centos7的環境下開發vue搭建環境的過程。

這裡選擇使用root使用者安裝環境,省去很多問題。如果是普通管理員使用者,下面的過程可能有問題。

安裝過程需要計算機處於聯網狀態。

二、node安裝

下載

wget https://nodejs.org/download/release/v9.11.2/node-v9.11.2-linux-x64.tar.xz

解壓

mkdir -p /usr/lib/nodejs/

tar -xf node-v9.11.2-linux-x64.tar.xz -C /usr/lib/nodejs/

改名字

mv node-v9.11.2-linux-x64/ node-v9.11.2

建立軟連線

ln -s /app/software/nodejs/bin/npm /usr/local/bin/

ln -s /app/software/nodejs/bin/node /usr/local/bin/

rm -f /usr/local/bin/node

ln -s /usr/lib/nodejs/node-v9.11.2/bin/node /usr/local/bin/

三、cnpm的安裝

rm -f /usr/local/bin/npm

ln -s /usr/lib/nodejs/node-v9.11.2/bin/npm /usr/local/bin/npm

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

rm -f /usr/local/bin/cnpm

ln -s /usr/lib/nodejs/node-v9.11.2/bin/cnpm /usr/local/bin/cnpm

四、vue-cli的安裝

cnpm install -g vue-cli

rm -f /usr/local/bin/vue

ln -s /usr/lib/nodejs/node-v9.11.2/bin/vue /usr/local/bin/vue

五、驗證

建立一個專案

vue init webpack my-project

一路回車就會在當前目錄下建立一個my-project資料夾,就是vue專案。

將>config>index.js 修改host127.0.0.1或者其他的可用ip地址,

指定ip地址就可以了。也可以修改埠號,預設8080。

cd到my-project這個專案的目錄中,執行以下命令

npm run dev

如果訪問ip:埠號,正常訪問成功及安裝成功。