1.安裝node.js:Node.js安裝包及源碼下載地址為:https://nodejs.org/en/download/包竹。
配置參考:http://www.runoob.com/nodejs/nodejs-install-setup.html焰望;
2.基于node.js,利用淘寶npm鏡像安裝相關(guān)依賴(lài)。
在cmd里直接輸入:npm install -g cnpm --registry=https://registry.npm.taobao.org嘉竟,回車(chē),等待安裝...
注意:確保npm版本大于等于3.0.0,否則后續(xù)安裝會(huì)出現(xiàn)問(wèn)題哮奇;
3.安裝全局vue-cli腳手架,用于幫助搭建所需的模板框架。
在cmd里 (1)輸入:cnpm install -g vue-cli睛约,回車(chē)鼎俘,等待安裝...
? ? ? ? ? ? ? ?(2)輸入:vue,回車(chē)辩涝,若出現(xiàn)vue信息說(shuō)明表示成功;
4.創(chuàng)建項(xiàng)目贸伐。
在cmd里輸入:vue init webpack vue_test(項(xiàng)目文件夾名),回車(chē)怔揩,等待一小會(huì)兒捉邢,依次出現(xiàn)‘git’下的項(xiàng),可按下圖操作
5.安裝依賴(lài)商膊。
在cmd里 (1)輸入:cd vue_todo(項(xiàng)目名)伏伐,回車(chē),進(jìn)入到具體項(xiàng)目文件夾
? ? ? ? ? ? ? ?(2)輸入:cnpm install晕拆,回車(chē)藐翎,等待一小會(huì)兒
回到項(xiàng)目文件夾,會(huì)發(fā)現(xiàn)項(xiàng)目結(jié)構(gòu)里实幕,多了一個(gè)node_modules文件夾(該文件里的內(nèi)容就是之前安裝的依賴(lài))
基于腳手架創(chuàng)建的默認(rèn)項(xiàng)目結(jié)構(gòu)如下圖所示:
6.測(cè)試環(huán)境是否搭建成功吝镣。(建議方法1)
方法1:在cmd里輸入:npm run?dev
方法2:在瀏覽里輸入:localhost:8080(默認(rèn)端口為8080)
運(yùn)行起來(lái)后的效果如下圖所示: