我是刚培训出来的，学了点js.jquery.ajax.bootstrap.最近找工作遇到很多要求会vue或angular的，今晚就上网找了些vue2.0的教学视频，直接引入vue.js不能使用，发现需要搭建环境，但我对这一块并不了解，百度之后好像需要了解node.js。所以我现在有个困惑是我要先学node.js之后再学vue.js还是跟著上网找到的步骤直接搭建环境来学vue.js呢？

其实我觉得前端最难的肯定不是学习使用框架，而是自己搭建一个扩展性好的前端工程，以及各种浏览器兼容问题。

基本技能 CSS/html/JS 以及模板引擎的使用我就不说了。做好功课。

一个基本的前端工程要求熟悉构建工具（WebPack || FIS3 ） + Vue/Angular/JQuery + npm

要求高一点的公司要求前后端分离，那就要学习Node.JS + 服务端渲染的知识、

我的建议是找一个有一定经验的成熟前端的公司，先做模块。再慢慢熟悉框架。

否则你一个新手要学的东西太多了不现实。

我想你说的引入是指let vue = require(vue)或者 import XXX form 这种，这需要es6语法外加编译打包工具来使用。推荐这篇入门文https://segmentfault.com/a/1190000003968020
感觉好可怜的样子

作为过来人，我想说迷茫很多时候是外界和自己设置的障碍过多导致。本可循序渐进像游戏升级打小怪兽一般闯关，现在却整得好像过每个关卡都要废掉「血槽」里大半的血...

但是不管怎样"行业规则"已经这样了，建议题主可以先暂时「遵守规则」，框架啥都可以了解些。但是别忘了遵守主导这个行业的「潜规则」：show me the money。这条「潜规则」在IT行业是这么解读的：向面试官展示你能创造价值。前端这个细分领域最好的展示方法是做一个完整且简单实用的Demo。

一个完整且简单实用的Demo，不用废掉你血槽里大半的血，如果你在其中培养了兴趣你会很快地「回血」。因为你只需要知道如何搭建静态文件伺服器和基本的HTML，JS(JQUEY)和CSS。前期你还可以将每种框架「塞」到Demo里去，就可以跟面试官说你用过各种框架。这对你来说只需要过两道关卡：1. 搭建静态文件伺服器，如果用nodejs只需要4、5行代码。2. 如何把框架部署(塞)到Demo中去...过了这两关之后，如果有茫然的师弟问类似的问题时，就可以一本正经地说「关键是要学好基础」~

https://github.com/kinsliy/vue-simple-project

应该对你学习vue有一定帮助，你要先去看看webpack和npm。

学会搜索，持续学习
用node.js主要是为了使用vue-cli来构建一个vue应用的大体结构。其实新手的话可以先通过引入script标签的方式练习，官方文档上基础部分就是这么做的。如何使用node来构建应用，安装依赖这些进阶部分的文档我记得也有介绍。

你一定是看了假的教学视频

可以做个广告不：http://www.jikexueyuan.com/zhiye/course/12.html?type=8

其实吧，公司要求的应该是前端数据分离吧；

mvc模型，mvvm模型(还有个啥来著？？？)

会其中一种其他的都好说。我面试的时候面试官一样的要求这些，刚好我会一个mvvm模型的框架……

(溜了溜了)

推荐阅读：
相关文章