這篇文章將為大家詳細(xì)講解有關(guān)如何搭建vue.js開(kāi)發(fā)環(huán)境，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

目前創(chuàng)新互聯(lián)已為超過(guò)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、修水網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

vue.js開(kāi)發(fā)環(huán)境搭建教程分享，具體內(nèi)容如下

1、安裝node.js，忽略

2、基于node.js，利用淘寶npm鏡像安裝相關(guān)依賴

在cmd里直接輸入：npm install -g cnpm –-registry=https://registry.npm.taobao.org，回車，等待安裝...

3、安裝全局vue，用于幫助搭建所需的模板框架

在cmd里，
1).輸入：cnpm install -g vue-cli，回車，等待安裝...
2).輸入：vue -V，回車，若出現(xiàn)vue信息說(shuō)明表示成功

4、創(chuàng)建vue項(xiàng)目

在cmd里輸入：vue init webpack vue_test(項(xiàng)目文件夾名)，回車，等待一小會(huì)兒，依次出現(xiàn)‘git'下的項(xiàng)，可按下圖操作

5.安裝依賴

在cmd里，
1).輸入：cd vue_test（項(xiàng)目名），回車，進(jìn)入到具體項(xiàng)目文件夾
2).輸入：cnpm install，回車，等待一小會(huì)兒

回到項(xiàng)目文件夾，會(huì)發(fā)現(xiàn)項(xiàng)目結(jié)構(gòu)里，多了一個(gè)node_modules文件夾（該文件里的內(nèi)容就是之前安裝的依賴）

基于vue-cli創(chuàng)建的默認(rèn)項(xiàng)目結(jié)構(gòu)如下圖所示：

6.測(cè)試環(huán)境是否搭建成功

方法1：在cmd里輸入：cnpm run dev
方法2：在瀏覽里輸入：localhost:8080(默認(rèn)端口為8080)

運(yùn)行起來(lái)后的效果如下圖所示：

至此，vue.js開(kāi)發(fā)環(huán)境搭建完畢。

關(guān)于“如何搭建vue.js開(kāi)發(fā)環(huán)境”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。