有點會像是打廣告。
不過一般來說首推還是 PhpStorm 這一套IDE。
但它是要錢的。

次推 NetBeans 這一套。它原本就是JAVA開發出來的IDE編輯器。
再來就是很多人喜歡用的 VSCODE 。(不過我就是不太喜歡它就是了)

不過不管用任何一套IDE編輯器。也都是需要先學習怎麼使用它才行。
沒有一鍵安裝就會使用的。

PS:這兩種編輯器雖然都有中文語系，但一般不建議使用。
最好還是裝英文的語系。因為其中文語系的翻譯大多不夠詳盡。
有些還容易造成誤解的修飾文字。

你先考慮清楚前後端運作的環境，基本上使用vue.js做開發，前後端是拆乾淨的，後端只剩下API，前端是靜態網頁，運作上也可以各自獨立，只是前端可能還是包在war裡面。在這前提下，甚至你也可以用不同的工具來開發，因為兩邊基本上無關了。

在API開發上，可以考慮先用swagger把API介面定義清楚再下去做。做好以後是個yml或是json格式的文件，可直接轉成html文件（甚至可以直接在上面玩API），也可以透過一些生成器生出後台程式框架。

另外，api比較難直接看到畫面，可以用postman來打api看結果。（寫好的東西可以輸出成json然後在console透過newman來跑，這樣CI比較方便）後台的單元測試還是原來的東西。

vue.js的測試可以參考：https://vuejs.org/v2/guide/testing.html

要看你們導入的是完整的SPA還是跟你們使用jquery一樣的做法，如果前後端分離java你一樣可以用習慣的IDE，前端的話vscode我覺得不錯，比較麻煩的應該是怎樣包成war，參考連結

1. 我建議你習慣vscode去開發java，因為你這狀況只能依照vue的IDE支援程度去取捨。
2. vue的開發模式通常是前後端完全分離，所以開發模式比較偏向2組人員開發。
3. 如果vue不是前後端完全分離的模式(像我就有做過vue+Django，並且使用Django登入系統而不是JWT的認證的專案，這需要Django去serve VUE SPA頁面)，你勢必得回到1的狀況。

vscode build war
https://code.visualstudio.com/docs/java/java-webapp

可以參考看看http-vue-loader這個套件https://github.com/FranckFreiburger/http-vue-loader

不過如果是大型專案還是建議正規的前後分離