Vue.js是一種漸進(jìn)式前段框架。

vue項(xiàng)目環(huán)境搭建：

①安裝node，檢測(cè)node和npm版本，其中node版本4.0.0以上

②進(jìn)行淘寶鏡像的安裝? npm install -g cnpm --registry=https://registry.npm.taobao.org

③安裝webpack??npm install webpack -g

④安裝vue-cli??npm install vue-cli -g? ?（要用管理員身份運(yùn)行）

項(xiàng)目新建：

package.json文件描述項(xiàng)目的依賴

①事先創(chuàng)建vue項(xiàng)目庫(kù)的文件夾

②進(jìn)入該文件夾，vue?init?webpack?vue-demo（新項(xiàng)目名字）

注意下面幾個(gè)YES/NO的地方：

③進(jìn)入該項(xiàng)目，npm?install? ? ?/安項(xiàng)目依賴/? ? ? ?

④項(xiàng)目運(yùn)行，npm?run?dev

當(dāng)腳手架升級(jí)之后會(huì)出現(xiàn)下面問(wèn)題：

版本更新原因

解決辦法：npm install之后，運(yùn)行 npm i -D webpack-dev-server@2.9.7

再運(yùn)行npm?run?dev

注意：當(dāng)前我們所搭建的環(huán)境以及項(xiàng)目構(gòu)建出來(lái)的文件目錄，都是用于組件化開(kāi)發(fā)的，大家在練習(xí)的時(shí)候，不要去修改index.html界面，而是去修改App.vue文件，外面的架子不要改的