簡(jiǎn)要：繼項(xiàng)目空閑后，開(kāi)始著手vue的學(xué)習(xí);為此向大家分享其中的艱辛和搭建辦法，希望能夠跟各位VUE大神學(xué)習(xí)探索，如果有不對(duì)或者好的建議告知下；*~*！

一、什么是VUE？

是一種node.js框架，特點(diǎn)如下:

1.數(shù)據(jù)綁定 （特性：雙向綁定；一旦發(fā)生變化，Dom節(jié)點(diǎn)實(shí)時(shí)更新；PS:盡量拋棄JQ，次特點(diǎn)已經(jīng)可以解決很多特效等問(wèn)題）

2.組件化（比如：樂(lè)高積木一樣通過(guò)互相引用而組裝起來(lái)）

二、開(kāi)發(fā)環(huán)境

三、環(huán)境搭建

1. 包管理器安裝

（1） Homebrew安裝 (mac 環(huán)境，win無(wú)法安裝)

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

（2） node.js安裝（win下前往node.js官網(wǎng)安裝即可）

brew install nodejs  （mac 環(huán)境）

2. 相關(guān)安裝指令

（1） 淘寶鏡像（當(dāng)npm下載相關(guān)擴(kuò)展超時(shí)，最為快捷）

npm install -g cnpm --registry=https://registry.npm.taobao.org // 注冊(cè)淘寶鏡像 npm替換成cnpm使用即可

（2） 安裝webpack

cnpm/npm install webpack -g

（3） 安裝vue腳手架

cnpm/npm install vue-cli -g

（4） 初始化項(xiàng)目

vue init webpack 項(xiàng)目名字

（5） 安裝項(xiàng)目依賴 （添加依賴或者刪除時(shí)，須重新安裝）

npm install

（6） 運(yùn)行開(kāi)發(fā)環(huán)境

npm run dev

（6） 運(yùn)行運(yùn)營(yíng)環(huán)境

npm run build

以上這篇Vue2.0 從零開(kāi)始_環(huán)境搭建操作步驟就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持武林網(wǎng)。