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

站在用戶的角度思考問題，與客戶深入溝通，找到建平網(wǎng)站設(shè)計與建平網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站設(shè)計制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名注冊、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務覆蓋建平地區(qū)。

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項目

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

5.安裝依賴

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

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

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

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

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

運行起來后的效果如下圖所示：

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

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

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)頁標題：如何搭建vue.js開發(fā)環(huán)境-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://weahome.cn/article/dppjhc.html