SpringBoot+Vue專案開發環境搭建
1. 進入Node.js官網:https://nodejs.org/zh-cn/,選擇下載並安裝Node.js
2. 下載完成後,進行安裝,直到安裝完成
2. 驗證Node.js是否安裝好,在windows下,win+r召喚出執行視窗,輸入cmd開啟命令列視窗。輸入node -v
即可得到對應的Node.js版本。
npm包管理器是整合在Node.js中了,所以在安裝Node.js的時候就已經自帶了npm,輸入npm -v
可得到npm的版本。
最開始下完的時候,npm並不是最新版本,需要命令npm -g install npm
,更新npm至最新版本。
3. 安裝cnpm
執行命令npm install -g cnpm --registry=https://registry.npm.taobao.org
使用npm的國內映象(npm 國內映象https://npm.taobao.org/)cnpm命令代替預設的npm命令,增加依賴包載入速度且避免資源限制
4. cnpm安裝腳手架vue-cli
執行命令cnpm install -g vue-cli
安裝腳手架
5.構建專案
將vue專案建在D盤的vue資料夾下,利用命令進入此目錄。在cmd中輸入碟符F:回車即可進入D盤,
然後執行命令進入D:\vue路徑目錄下,再輸入新建專案命令vue init webpack Testvue[專案名稱]
,執行後會自動生成vue專案。
6.安裝專案依賴
上面腳手架自動生成的vue專案不能直接執行,需要載入上專案需要的依賴包才能執行。通過在cmd中使用命令先定位到專案所在路徑目錄下D:\vue\Testvue
然後輸入命令cnpm install
安裝專案所需的依賴包資源。
7.執行專案
專案準備完畢後,現在可以執行vue初始專案看效果了。
在cmd中,注意需要使用命令先定位到D:\vue\Testvue目錄下,然後再輸入命令npm run dev
來執行專案。