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文件旺聚,外面的架子不要改的