H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

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

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

由于自诩为fullstack developer(吹牛的),感觉跟不上时代了。

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

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

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

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

看来没那么容易啊。。

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

回答:

拿着文档,打开编辑器,就是干

回答:

官方文档,全,整https://cn.vuejs.org/v2/guide/
编辑器用vscode吧

回答:

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

回答:

可以搜个简单的demo,例如https://github.com/PCAaron/vu…,然后对照vue教程:https://cn.vuejs.org/v2/guide…,遇到不懂的找文档就OK了

回答:

先从简单的学,直接用script引用vue.js
把基本的用法、element组件熟悉后,再去折腾node.js webpack这些东西

官方指南的说明:

CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手,我们强烈建议先在不用构建工具的情况下通读指南,在熟悉 Vue 本身之后再使用 CLI。

回答:

看文档,看文档,看文档(重要的事说三遍),坚持,坚持,坚持,看完3编,开始自己写一个博客系统,然后接着看文档

回答:

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

回答:

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

回答:

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

IDE我用的是Atom

回答:

Vue的官网跟着步骤来,可以先跟着官网的example做出来感受一下。
然后再去elementui的官网尝试把elementui引入到工程中并用几个组件做一个demo。

我也是Java开发的。。我还是建议ide用jb全家桶吧。先不讨论java哪个ide好用,就论对前端的支持来说,idea确确实实完全比eclipse好的。这还在idea不是专攻前端的情况下,前端开发可以用jb的WebStorm。

你可以参考一下我的一个项目Fame,是spring-boot+vue+elementui的。

回答:

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

回答:

我目前就在培训公司后端搞vue,然后让他们抢我饭碗(误。

  1. 官方文档一定一定一定要看。
  2. 官方文档的官方简介视频一定要看。

前两步呢就跟着script标签引入vue的方式去写就好了。

  1. 看下webpack的大概介绍 + 前端模块化(毕竟vue组件 + 工程化开发还是要上的)。
  2. 然后写个todolist。
  3. 然后找个项目开始写就行了。

其他参考

  1. 这有个其他人的学习记录可以跟着看看
  2. 还有一个对初学者的疑问解答,vue脱坑记

eclipse?java程序员,编辑器用vscode

不严谨类比:
node是跑java代码的。
webpack等是打成jar包的。
npm是maven

回答:

看文档,github找简单的项目练习,that’s all.

回答:

编辑器不重要

但是现在做前端 npm少不了

入门Github搜下 awesome vue找点入门的经典项目 照着敲一下 官方文档多看 熟悉API

再就是踩坑

本文地址:H5W3 » 对于一个只会jQuery的半吊子前端程序员想要学习最新的Vue.js,该制定什么样的学习步骤?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址