VUE的基本語法可以參考菜鳥教程:https://www.runoob.com/vue2/vue-tutorial.html
vue項目的目錄結構
npm的一些簡單介紹
npm的使用可以參考菜鳥教程: https://www.runoob.com/nodejs/nodejs-npm.html
npm是什麼有什麼作用
NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種:
- 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
- 允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。
- 允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。
主要內容:
npm常用的命令
# 安裝依賴
npm install
# 在 localhost:8080 啓動項目
npm run serve
npm run build
//該命令執行成功之後,項目 目錄下生成一個 dist 文件夾,將該文件夾中的兩個文件 static 和 //index.html 拷貝到 Spring Boot 項目中 resources/static/ 目錄下,(關於前後端分離部署,大家也可以參考這個使用 Nginx 部署前後端分離項目,解決跨域問題)。
換用國內的鏡像下載,下載依賴包更快
注意:
下載node.js的時候附帶會安裝npm服務。
類似java中的maven(依賴管理,項目構建) 類似python中的pip