溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關如何搭建vue.js開發環境，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
vue.js開發環境搭建教程分享，具體內容如下
1、安裝node.js，忽略
2、基于node.js，利用淘寶npm鏡像安裝相關依賴
在cmd里直接輸入：npm install -g cnpm –-registry=https://registry.npm.taobao.org，回車，等待安裝...
3、安裝全局vue，用于幫助搭建所需的模板框架
在cmd里，
1).輸入：cnpm install -g vue-cli，回車，等待安裝...
2).輸入：vue -V，回車，若出現vue信息說明表示成功
4、創建vue項目
在cmd里輸入：vue init webpack vue_test(項目文件夾名)，回車，等待一小會兒，依次出現‘git'下的項，可按下圖操作
5.安裝依賴
在cmd里，
1).輸入：cd vue_test（項目名），回車，進入到具體項目文件夾
2).輸入：cnpm install，回車，等待一小會兒
回到項目文件夾，會發現項目結構里，多了一個node_modules文件夾（該文件里的內容就是之前安裝的依賴）
基于vue-cli創建的默認項目結構如下圖所示：
6.測試環境是否搭建成功
方法1：在cmd里輸入：cnpm run dev
方法2：在瀏覽里輸入：localhost:8080(默認端口為8080)
運行起來后的效果如下圖所示：
至此，vue.js開發環境搭建完畢。
關于“如何搭建vue.js開發環境”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
