Vue的官方文檔寫得很好了，由淺入深。
推薦題主先使用script標(biāo)簽直接引入Vue，熟悉Vue的基本使用方式以后。再去研究webpack的打包思想和npm。

IDE我用的是Atom

Vue的官網(wǎng)跟著步驟來，可以先跟著官網(wǎng)的example做出來感受一下。
然后再去elementui的官網(wǎng)嘗試把elementui引入到工程中并用幾個組件做一個demo。

我也是Java開發(fā)的。。我還是建議ide用jb全家桶吧。先不討論java哪個ide好用，就論對前端的支持來說，idea確確實實完全比eclipse好的。這還在idea不是專攻前端的情況下，前端開發(fā)可以用jb的WebStorm。

你可以參考一下我的一個項目Fame,是spring-boot+vue+elementui的。

個人意見,最好有個項目可以跟著做,這樣提升的快.如果沒有項目就把之前做的jq項目拿出一個小模塊用vue重做.老是看個人感覺提升不大.當(dāng)然官方文檔也要著重去看.推薦一個IDE Webstorm

先從簡單的學(xué)，直接用script引用vue.js
把基本的用法、element組件熟悉后，再去折騰node.js webpack這些東西

官方指南的說明：

CLI 工具假定用戶對 Node.js 和相關(guān)構(gòu)建工具有一定程度的了解。如果你是新手，我們強(qiáng)烈建議先在不用構(gòu)建工具的情況下通讀指南，在熟悉 Vue 本身之后再使用 CLI。

先把語法了解下，自己寫寫demo

可以搜個簡單的demo，例如https://github.com/PCAaron/vu...，然后對照vue教程：https://cn.vuejs.org/v2/guide...，遇到不懂的找文檔就OK了

官方文檔，全，整https://cn.vuejs.org/v2/guide/
編輯器用vscode吧

我目前就在培訓(xùn)公司后端搞vue，然后讓他們搶我飯碗（誤。

1. 官方文檔一定一定一定要看。
2. 官方文檔的官方簡介視頻一定要看。

前兩步呢就跟著script標(biāo)簽引入vue的方式去寫就好了。

1. 看下webpack的大概介紹 + 前端模塊化（畢竟vue組件 + 工程化開發(fā)還是要上的）。
2. 然后寫個todolist。
3. 然后找個項目開始寫就行了。

其他參考

1. 這有個其他人的學(xué)習(xí)記錄可以跟著看看
2. 還有一個對初學(xué)者的疑問解答，vue脫坑記

eclipse？java程序員，編輯器用vscode

不嚴(yán)謹(jǐn)類比：
node是跑java代碼的。
webpack等是打成jar包的。
npm是maven

拿著文檔，打開編輯器，就是干

沒有好的建議,只有看文檔,看別人的成功項目,最好附帶解釋步驟的