1. 程式人生 > 其它 >SpringBoot+Vue專案開發環境搭建

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來執行專案。