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