關於vue環境配置

關於vue環境配置

  • 1.安裝node.js
    在node.js官網根據情況下載(Windows 系統 (.msi) 64位),選擇安裝路徑後一直next下去 ,最後點擊 Finish完成。

  • 2.利用淘寶npm鏡像安裝相關依賴
    開始 》輸入“cmd” ,打開。輸入npm install --registry=https://registry.npm.taobao.org 回車安裝

  • 3.安裝全局vue-cli腳手架
    在現在cmd這個命令窗口,執行npm install -g vue-cli
    這裏寫圖片描述
    輸入:vue,回車,若出現vue信息說明表示成功

  • 4.建一個文件夾
    新建一個文件夾,按住shift健,然後在文件夾上點右鍵

右鍵上,有個在當前文件夾打開命令行窗口之類的,然後構建項目,執行 vue init webpack vuetest

可按下圖操作
這裏寫圖片描述

5.命令npm run dev
這裏寫圖片描述

6.在瀏覽裏輸入:localhost:8080(默認端口爲8080)
這裏寫圖片描述

注意
注意:如不成功,則重複輸入 npm install --registry=https://registry.npm.taobao.org
npm用這個命令進行安裝

這裏寫圖片描述
選擇高版本node.js安裝

發佈了30 篇原創文章 · 獲贊 27 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章