如何搭建vue.js開發(fā)環(huán)境

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

目前創(chuàng)新互聯(lián)已為超過千家的企業(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開發(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信息說明表示成功

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)行起來后的效果如下圖所示：

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

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

網(wǎng)站欄目：如何搭建vue.js開發(fā)環(huán)境
文章鏈接：http://bm7419.com/article16/jjeggg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、營(yíng)銷型網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)