圖解vue的安裝與項目的建立
來源：懂視網
責編：小OO
時間：2020-11-27 19:56:31
圖解vue的安裝與項目的建立
首次學習vue，一起學習，先安裝了node.js，官網下載是https：//nodejs.org/en/download/。安裝完成后，打開命令窗口輸入node -v。會出現版本號說明安裝完成。安裝node的時候npm也隨之安裝上去了。這兩個安裝完成后，可以全局安裝vuecli命令是npm install global vue-cli(只執行一遍就可以)。此時應該有vue.cmd文件了，如果搜索不到的話，可以用 搜索 Everything查詢vue.cmd的位置。環境變量編輯path。；此時重新打開命令窗口。發現vue已經安裝完成了，那么可以創建項目了，隨便創建個文件夾，在此文件夾下面打開命令窗口。依次輸入以下命令；；當你的項目出現下面字段時就是創建完成了。
導讀首次學習vue，一起學習，先安裝了node.js，官網下載是https：//nodejs.org/en/download/。安裝完成后，打開命令窗口輸入node -v。會出現版本號說明安裝完成。安裝node的時候npm也隨之安裝上去了。這兩個安裝完成后，可以全局安裝vuecli命令是npm install global vue-cli(只執行一遍就可以)。此時應該有vue.cmd文件了，如果搜索不到的話，可以用 搜索 Everything查詢vue.cmd的位置。環境變量編輯path。；此時重新打開命令窗口。發現vue已經安裝完成了，那么可以創建項目了，隨便創建個文件夾，在此文件夾下面打開命令窗口。依次輸入以下命令；；當你的項目出現下面字段時就是創建完成了。
這篇文章主要介紹了圖解vue的安裝與項目的建立,小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
首次學習vue，一起學習，先安裝了node.js,官網下載是https://nodejs.org/en/download/
安裝完成后，打開命令窗口輸入node -v
會出現版本號說明安裝完成。安裝node的時候npm也隨之安裝上去了
這兩個安裝完成后，可以全局安裝vuecli命令是npm install global vue-cli(只執行一遍就可以)
此時應該有vue.cmd文件了，如果搜索不到的話，可以用 搜索 Everything查詢vue.cmd的位置。環境變量編輯path
此時重新打開命令窗口
發現vue已經安裝完成了，那么我們可以創建項目了，隨便創建個文件夾，在此文件夾下面打開命令窗口
依次輸入以下命令
當你的項目出現下面字段時就是創建完成了
說明你創建的項目是demo_test完成了，在此文件下打開命令窗口，輸入npm run dev,就是啟動完成
出來這樣的界面就是啟動完成了，打開你的瀏覽器，輸入http://localhost:8080/ 項目創建完成
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
圖解vue的安裝與項目的建立
首次學習vue，一起學習，先安裝了node.js，官網下載是https：//nodejs.org/en/download/。安裝完成后，打開命令窗口輸入node -v。會出現版本號說明安裝完成。安裝node的時候npm也隨之安裝上去了。這兩個安裝完成后，可以全局安裝vuecli命令是npm install global vue-cli(只執行一遍就可以)。此時應該有vue.cmd文件了，如果搜索不到的話，可以用 搜索 Everything查詢vue.cmd的位置。環境變量編輯path。；此時重新打開命令窗口。發現vue已經安裝完成了，那么可以創建項目了，隨便創建個文件夾，在此文件夾下面打開命令窗口。依次輸入以下命令；；當你的項目出現下面字段時就是創建完成了。
