最近在博客園上看到不少關(guān)于vue的文章但感覺(jué)都是在簡(jiǎn)單原生寫法上,真正vue在實(shí)際開發(fā)中的優(yōu)點(diǎn)組件化,spa應(yīng)用,路由好像都沒(méi)涉及到,我在學(xué)angular1的時(shí)候發(fā)現(xiàn)沒(méi)有中文版的api,于是本人不才弄了angular api網(wǎng)站方便大家學(xué)習(xí)和查詢,剛好在學(xué)vue就用vue重構(gòu)下這個(gè)網(wǎng)站,我會(huì)將我重構(gòu)的所有步驟寫下來(lái),當(dāng)然這個(gè)是實(shí)際開發(fā)中的步驟,可能對(duì)package.json 的講解不那么仔細(xì)。
開發(fā)環(huán)境:node6.2 webstrom2016 vue2.0 vue-cli
第一步安裝node,這個(gè)我就不詳說(shuō)了,百度網(wǎng)上一大堆
第二部安裝配置好node之后,就是安裝vue-cli,cmd下輸入命令
npm install vue-cli
這個(gè)估計(jì)要FQ,翻不了墻的可以用淘寶的鏡像.
npm install vue-cli -g --registry=http://registry.npm.taobao.org/ --disturl=https://npm.taobao.org/dist
提示
安裝成功后,運(yùn)行命令
vue init webpack my-project