前言
今天呢，我们就来科普一下学习vue需要了解的知识常识，比如Node.js啊，Webpack啊之类的。当然，我是不可能照着这些技术的官方文档抄的。有时候，官方文档的一些专业术语搞的人很懵。比如我们学习Spring的时候，什么控制反转啊，依赖注入啊，面向切面编程啊，这些术语就很让人懵逼，但是当你对它有点了解的时候，又会发现，这些词又是这么的恰当准确。所以，我刚开始就尽量少抄官方文档说的话。
Node.js
先科普一下Node.js，在没有了解Node.js之前，我就觉得Javascript就是在浏览器上运行的语言，没什么特别的。跟Java比就是个小语种。然而，万万没想到，大佬就是大佬，Node.js一出，Javascript立马咸鱼翻身，能操作文件了，能创建HTTP服务了，能够干其他后台如Java语言干的事情了。
这Node.js就类似于Java中的JVM，当然，就先这么理解吧。什么是Node.js？就是Javascript的运行环境。代码什么的就先不写了，先了解这么多。至于，下载安装啊，写个helloworld之类的，这种教程实在是太多了，大家可以自行搜索，练一练，感受一下Node.js，这里咱们就长话短说了。
Webpack
Javascript咸鱼翻身之后，自然就会发展壮大，代码也要规范了，也需要复用了，也要可扩展了。比如，我这里有字符串操作，文件操作，HTTP服务，日期操作之类的代码，这些都可以复用。啊对了，npm就是个包管理系统，大家把自己写好的可用的代码发到npm上，别人就可以利用npm下载下来直接使用了。
当然在js发展的过程中还有别的问题，比如命名问题，假如我导入了两个js文件，但是它俩中有一些变量起的名字是一样的，这不就造成冲突了吗。于是，就有了模块化的概念，类似于作用域，命名空间之类的东西，模块与模块之间互不干扰。模块与模块之间不是同一个作用域。
如此以来命名冲突的问题就解决了，大家只要按规定，如果要用这个模块的数据，就把这个数据暴露出来，另一个模块只需要调用该模块暴露出来的数据就可以了。当然，这种操作都需要遵循一定的规范，而且，大佬们也出台了各种各样的规范。比如CommonJS啊之类的，export暴露数据，require加载模块等等。大家都遵循一定的规范，这不就很完美了。
好了，我们的js代码有了模块化，接下来就不得不说说CSS，我发现这个css也不简单，这么说吧，less，scss，sass这些东西，我以前竟然没有听说过，这些东西叫什么呢，叫css预处理器。意思就是，这些东西最终都会编译成css。那既然都要编译成css，为什么不直接写css，还有先写这些预处理器呢？这当然是有原因的。
现在这年头，不都讲求复用嘛，css没法定义变量吧，但是这些预处理器就可以，比如有些样式，要写很多遍，还很长，用预处理器把这个样式定义一个变量，其他地方只要写这个变量就可以了。如此以来不就方便很多了。
好了，到此为止，就要开始讲webpack这个东西了。我们先来看一张图：
有没有发现，这个官方给的图就是告诉我们，这个webpack就是打包一切，整合各种资源的，不管是打包，合并，压缩啥的，反正就是这么个意思。这就有点像我们Java里的maven一样，有点类似的意思。既是打包工具又是构建工具。
Vue-cli
vue-cli大家都把它叫做脚手架，我们再用类比的方式来说明它，假如我们自己用npm导包，自己从零搭建一个vue项目框架，很容易就从入门到放弃。当初我们学习spring，mybatis，springmvc等都要我们自己加入依赖包，然后是各种配置，光搭建一个项目的框架都要费不少时间，有了maven，springboot之后，一下子就好了很多。而这个vue脚手架也是一样的道理，直接就给你把vue项目的框架搭起来了。
结语
到此，我们对于一些概念常识问题，就有了初步的了解了。当然，这些工具的下载，安装，使用等一些入门问题就不再赘述了，善于使用搜索工具就好，教程很多，一搜一个准。我们发现，这个Javascript真是越来越发展壮大了，好像啥事情都能干了。
接下来，我们就这个vue-element-admin里面的代码来继续学习vue。
