现在前端vue技术栈，应该学那些东西？

Question

我是本身是一个后台开发，主要是java。
平时工作有点偏向于全栈，前后台都会做点，但前台页面都是框架，没什么水准。

这两年发现前台开发变了，变得好复杂好乱。想学习一下提高一下，但是不知道从何学习，又是node.js,npm,webpack,vue,react,commonjs,typescript的感觉好乱无从下手。

我想学到那种程度就是看到现在前端搭的项目知道如何运行，如何开发配置，我应该学习那些东西？
可以搭起一个项目去试着开发那种。

还有有什么书，或者教程推荐。

Answer 1

1. ES2016语法学习
2. MVVM的学习
3. Vue核心库、Vue Route 、Vuex
4. 了解vue的生命周期

5. Vue 相关ui 组件的使用

   • element
   • Vux
   • mint-ui
6. VueCli3
7. webPack 的使用

8. Vue相关框架

   • Nuxt.js
   • vuetify
   • vue-admin

Answer 2

后台开发用到前端主要也是做后台管理系统吧，那学着用vue-cli搭建项目，用vue-router做路由实单页应用，用axios做http请求，找一个合适的UI库推荐Element UI，差不多就可以搭出简单的后台管理系统了。

Answer 3

先学习es6，推荐学习阮一峰老师的es6 https://es6.ruanyifeng.com/ ,然后就是写项目。我的个人博客也写了很多关于前端的东西，可以参考

Answer 4

vue/cli3 把这个搞定，前端无忧

Answer 5

现在前端的确不是以前的那种了
现在的前端也是要讲究效率及快捷
以前的前端主要还是靠jquery去操作各种document
现在的前端是基于数据驱动 中间直接去除了复杂的document操作
也是就mvvm或mvc模式
代表框架就是vue、react、angular,建议先学vue
之前用的javascirpt是基于ECMAScript2到ECMAScript5
现在你需要学ECMAScript6或以上的版本简称ES6，这里有更富丰的语法处api
之前用的网页排版是css2.0及html4.0现在变成了css3.0和html5
以前打包压缩js文件时候方式比较笨重还要用到压缩工具现在可以用到
webapck gulp这些前端的开发流程的工具，建议选webpack
只需要配置好，就可以在开发过程中全自动各种操作
，比如对es6和各种模块的编译转换功能，js的压缩及打包策略，等等...

好啦你就先学这些就够啦 至于其它的都是些锦上添花的框架或者功能
等熟悉这些再去学就ok了

Answer 6

vue加一种前端开发框架：vuex router axios 总体把vue官网的api看一遍差不多了

Answer 7

• es6 把主要的特性学会用熟悉，比如变量、class、Promise 等等，最好顺带看看 babel 相关的东西
• npm 并了解一些常用的库
• mvvm 框架随便找一个学就好了，你是 java 出身，学 vue 不一定是最快的，有可能是 Angular，总之原理差不多的，学一个其他的也就差不多会了

其余什么函数式、状态管理、typescript 啥的，都是锦上添花的东西，用得上就学，用不上就不学。