Spring Boot是一個開源的web框架，它借助于Java語言強大的生態(tài)環(huán)境和工具，以及基于Spring Framework的核心功能，讓Java web項目的開發(fā)變得非常簡單和高效。而Vue是一款流行的前端框架，它能夠快速構(gòu)建動態(tài)和現(xiàn)代的Web應(yīng)用程序。

在使用Spring Boot框架開發(fā)Web應(yīng)用時，我們通常需要將其與前端框架進行對接，而Vue是常用的前端框架之一。本文將介紹如何使用Spring Boot對接Vue，以創(chuàng)建一個簡單的Web應(yīng)用程序。

BackEnd的配置

1.springboot-websocket-starter
設(shè)置好stomp端點（不處理這個websocket連接），
開啟 SimpleBroker，@SendTo將會轉(zhuǎn)發(fā)到 Broker 下的特定的 topic。:@Controller @MessageMapping發(fā)消息

2.前后端分離模式
@RestController注解完成后端 API，
前后端采用 JWT 對稱加密方式進行身份驗證，
Spring Security 解決身份驗證和鑒權(quán)問題,
前端使用 axios 進行 HTTP 請求操作，
后端使用 AOP 處理全局異常，枚舉定義錯誤碼。

FrontEnd的配置

1.組件化開發(fā)方式
將Vue應(yīng)用切分為若干個獨立、可復(fù)用的組件，每一個組件都有自己的HTML、JS、CSS。
Vue組件類似于搭積木，將小組件組合成大組件，最終搭建出一個完整的前端應(yīng)用程序。
2.路由配置
使用Vue Router管理應(yīng)用程序路由，
路由 充分使用懶加載，按需加載模塊。
3.狀態(tài)管理
使用 Vuex 進行狀態(tài)管理。
4.代碼風(fēng)格
使用ESLint對代碼進行規(guī)范化，并使用prettier格式化代碼。
VSCode的插件
1. ESLint
ESLint是一個在JavaScript中可擴展的靜態(tài)分析工具，它用來識別和報告關(guān)于代碼中的潛在問題，旨在讓編寫JavaScript更加易于維護。
2. Vetur
Vetur是完全由Vue開發(fā)的Visual Studio Code的語言支持拓展。它使VS Code可以成為一流的Vue開發(fā)環(huán)境，并提供了豐富的功能。
3. Prettier
Prettier是一款代碼格式化工具，可暴力重寫工程中所有的Javascript文件，讓碼風(fēng)風(fēng)格統(tǒng)一一致，并極大地減少代碼相關(guān)的操作。

綜上所述，通過Spring Boot與Vue的對接，我們可以快速構(gòu)建現(xiàn)代化的Web應(yīng)用程序，并且能夠使用最新、最流行的Web技術(shù)來滿足不同的客戶需求。同時，VSCode的插件可以讓我們更高效地進行Web應(yīng)用程序的開發(fā)。