对于一个只会jQuery的半吊子前端程序员想要学习最新的Vue.js，该制定什么样的学习步骤？

Question

我的目的：更新项目使用的前端技术，让其跟得上时代。

之前项目中使用的是jQuery + bootstrap + 很多jQuery插件。

由于自诩为fullstack developer（吹牛的），感觉跟不上时代了。

想要学习vue.js + element，并用来替代目前项目中用到的前端框架。

然而一开始就茫然了，由于之前习惯了jquery+各种插件，我首先想到的就是去哪下载vue.js + element ?

然而一看官方的指南，建议使用npm，哎哟我去，npm我倒是知道，可惜那会没赶上nodejs的热潮，npm安装了vue和element之后怎么引入到我的eclipse项目中去呢? Webpack又是什么东东？

前端开发大家用什么IDE呢？我的项目后端是Java，eclipse用习惯了。。。

看来没那么容易啊。。

像我这么个情况，大家有什么好的建议吗？

Answer 1

没有好的建议,只有看文档,看别人的成功项目,最好附带解释步骤的

Answer 2

先从简单的学，直接用script引用vue.js把基本的用法、element组件熟悉后，再去折腾node.js webpack这些东西官方指南的说明：CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手，我们强烈建议先在不用构建工具的情况下通读指南，在熟悉 Vue 本身之后再使用 CLI。

Answer 3

先把语法了解下，自己写写demo

Answer 4

首先呢，建议看官网的文档，边看便动手，实践才是真理。其次的，从网上可以找些Vue的视频，这样理解起来更容易些找一个平时做过的项目，用vue来实现，这样有有目的性的更容易发现问题，提高这是我的个人见解

Answer 5

Vue的官方文档写得很好了，由浅入深。推荐题主先使用script标签直接引入Vue，熟悉Vue的基本使用方式以后。再去研究webpack的打包思想和npm。IDE我用的是Atom

Answer 6

个人意见,最好有个项目可以跟着做,这样提升的快.如果没有项目就把之前做的jq项目拿出一个小模块用vue重做.老是看个人感觉提升不大.当然官方文档也要着重去看.推荐一个IDE Webstorm