喵星之旅-狂奔的兔子-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 修改host為127.0.0.1或者其他的可用ip地址,
cd到my-project這個專案的目錄中,執行以下命令
npm run dev
如果訪問ip:埠號,正常訪問成功及安裝成功。