大伙好，最近狠狠焦慮了，因?yàn)橄敫闱岸思夹g(shù)崗找暑假實(shí)習(xí)擔(dān)心自己能力不夠，還是希望如果有同學(xué)大學(xué)期間就決定畢業(yè)找工作的話，一定要抓住機(jī)會(huì)大學(xué)期間狠狠鍛煉本領(lǐng)噢，不要虛度光陰

說了點(diǎn)題外話，回到正題，焦慮的時(shí)候狠狠學(xué)習(xí)就好了

想投前端又碰上軟工課設(shè)，小組想基于VUE框架制作大學(xué)生社群的校園在線音樂平臺(tái)，于是有了今天的這篇博客

搭建參考的博客為(11條消息) 搭建一個(gè)Vue框架_xiaoye的博客-CSDN博客_vue框架搭建https://blog.csdn.net/xiaoye319/article/details/89363800

(11條消息) vue框架搭建步驟詳解_靈活的小胖子-CSDN博客_vue框架搭建https://blog.csdn.net/hejingfang123/article/details/109534932?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164732998616780255280885%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=164732998616780255280885&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_click~default-1-109534932.142%5Ev2%5Epc_search_quality_down,143%5Ev4%5Econtrol&utm_term=Vue%E6%A1%86%E6%9E%B6%E6%90%AD%E5%BB%BA&spm=1018.2226.3001.4187

1.安裝Node.js

去官網(wǎng)：Node.js，下載node.js

這是兩個(gè)不同版本，推薦下載左邊的，穩(wěn)定

2.安裝成功后電腦主菜單導(dǎo)航欄會(huì)出現(xiàn)兩個(gè)新的終端窗口按鈕

?選下面面這個(gè)，把相關(guān)的安裝了，使用Windows powershell，就有點(diǎn)擊輸入命令來查看版本號(hào)，驗(yàn)證是否安裝成功

輸入node -v出現(xiàn)版本號(hào)則代表安裝成功，輸入npm -v查看npm命令是不是安裝成功

3.輸入命令安裝vue

由于npm是國(guó)外的，使用起來比較慢，我們這里使用淘寶的cnpm鏡像來安裝vue.

使用npm命令安裝：npm install -g cnpm --registry=https://registry.npm.taobao.org

4.?安裝vue-cli腳手架

使用命令:cnpm install --global vue-cli

安裝成功后，在本地磁盤選擇一個(gè)磁盤，然后創(chuàng)建一個(gè)文件夾用來存放即將創(chuàng)建的Vue項(xiàng)目，然后在命令窗口切換到該目錄下

5.開始創(chuàng)建vue項(xiàng)目

會(huì)有一個(gè)downloading template

下載成功之后，一步一步會(huì)有相關(guān)的步驟進(jìn)行選擇

6.成功以后進(jìn)入項(xiàng)目所在目錄，安裝所需依賴

進(jìn)入項(xiàng)目所在目錄，cd /所在文件夾

安裝所需依賴，此依賴安裝會(huì)產(chǎn)生node_modules文件夾，所有依賴都會(huì)安裝在此文件夾內(nèi)

使用cnpm install，在這一步可能遇到報(bào)錯(cuò)

?cnpm : 無法加載文件 C:\Users\15088\AppData\Roaming\npm\cnpm.ps1，因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本。

此時(shí)需要以管理員身份運(yùn)行Windows powershell，輸入set-ExecutionPolicy RemoteSigned

進(jìn)行執(zhí)行策略的更改，選擇A

啟動(dòng)項(xiàng)目，cnpm run dev

代表啟動(dòng)成功，瀏覽器訪問http://localhost:8080/#/，出現(xiàn)以下頁面代表創(chuàng)建成功了?

————

?初次搭建vue不算順利，碰到了各種報(bào)錯(cuò)和卡住的情況

對(duì)于各種進(jìn)度條卡住和報(bào)錯(cuò)，不要害怕，百度一下慢慢找到解決方法，或者暴力卸干凈再重新安裝就好了，感謝之前各位大牛的幫助！！

我之前是使用cmd小黑窗寫指令，后來看見大佬們有用windows powershell一次安裝成功了嗚嗚嗚

期待大家共同進(jìn)步

總結(jié)

以上是生活随笔為你收集整理的【前端】搭建一个VUE框架的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。