大伙好，最近狠狠焦慮了，因為想搞前端技術崗找暑假實習擔心自己能力不夠，還是希望如果有同學大學期間就決定畢業找工作的話，一定要抓住機會大學期間狠狠鍛煉本領噢，不要虛度光陰

說了點題外話，回到正題，焦慮的時候狠狠學習就好了

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

搭建參考的博客為(11條消息) 搭建一個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

去官網：Node.js，下載node.js

這是兩個不同版本，推薦下載左邊的，穩定

2.安裝成功后電腦主菜單導航欄會出現兩個新的終端窗口按鈕

?選下面面這個，把相關的安裝了，使用Windows powershell，就有點擊輸入命令來查看版本號，驗證是否安裝成功

輸入node -v出現版本號則代表安裝成功，輸入npm -v查看npm命令是不是安裝成功

3.輸入命令安裝vue

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

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

4.?安裝vue-cli腳手架

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

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

5.開始創建vue項目

會有一個downloading template

下載成功之后，一步一步會有相關的步驟進行選擇

6.成功以后進入項目所在目錄，安裝所需依賴

進入項目所在目錄，cd /所在文件夾

安裝所需依賴，此依賴安裝會產生node_modules文件夾，所有依賴都會安裝在此文件夾內

使用cnpm install，在這一步可能遇到報錯

?cnpm : 無法加載文件 C:\Users\15088\AppData\Roaming\npm\cnpm.ps1，因為在此系統上禁止運行腳本。

此時需要以管理員身份運行Windows powershell，輸入set-ExecutionPolicy RemoteSigned

進行執行策略的更改，選擇A

啟動項目，cnpm run dev

代表啟動成功，瀏覽器訪問http://localhost:8080/#/，出現以下頁面代表創建成功了?

————

?初次搭建vue不算順利，碰到了各種報錯和卡住的情況

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

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

期待大家共同進步

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。