01. 尚硅谷_Grunt_入门介绍01.avi原创

好，咱们开始上课，咱们今天一天的任务呢，是要学一个project build，又叫项目构建，那么给大家介绍一下，诶，发给大家那个压缩文件，解压了以后都有什么东西。我呢，把它解压了以后，就是我桌面的这一个啊，这个idea不用说code的是我们要敲的代码，到时候大家要导项目就导这一个，把这个导进去就行了，好，那这又是一个备份来备份里面意思是我们要下一些东西啊，现在咱们不用几乎用不到它这个教程呢，我又单独的在外面放了一个。哎，放了一个，那下面这。有个思维导图，我先把它打开。收起来好。咱们今天一天的任务就是学它项目构建，来，我把这个理解打开，先来看一下什么是项目构建。首先呢，你得知道项目构建，就是去编译项目中的GS呀，CS呀什么啊CSS。

也是像对项目的原文件进行啊合并压缩等一系列操作，包括五可以去做GS语法检查。等等，其实他能干的活有很多啊，有很多，这叫项目构建，而我们要学的是项目构建工具。那项目构建工具的作用就是简化我们的项目构建，说白了呃，他让你去进行上述这些操作的话，更简单方便一点。我们要学的构建工具呢，有三种，哎这三种我们都得学，而现在哎市面上也都在用啊，占的比重比较大的是下边这两个，现在最火的是他。PA。这个GAP也挺好的，有的公司呢，还用GAP和PA他俩去配合着去使用啊。GA也挺好的啊。

呢，它现在是在国外的市场。占的比重还比较大一点，在国内的市场相对来说小一点。咱们一个一个来学习它，那首先我们先来看第一个叫grant啊，他们呢，都对应的有自己的官网，把它先打开时啊找到就这个家伙很有可能，诶这还能访问，诶能访问大家看到这个点，那说明什么？下到点说明什么，说明是中文的，如果说这个呢。是指英文的。能懂不？哎，点net就中文的，这不是全部切换到英文的吗？当然了，以咱们现在的水平，还是切换回来吧，哎，就是net。不过这个ne有时候访问不了，哎。HT他好像协议变了，我我从哪看3W点拿这个看。好，哎，这呢，就是的一个中文官网，那么进来，哎，这是他的logo，这是什么东西啊。

就是每个人看待事物的角度不一样，你看到的结果也是不一样的。这，这是个什么？这是牛吗？这是个野猪。野猪没脚吗？有啊。龇嘴獠牙，听过吗？就是说他呃来。我们往下来看啊，大家先看上来的第一句话，Javascript世界的构建工具，哎，构建工具。为什么要用构建工具，哎，它上面英文也是，哎，In就one word，哎，Automation，意思就是说自动化对这个家伙很关键啊，自动化。说白了，你进行压缩呀，合并呀，编译这些，我构建工具可以自动的帮你去做一些事情。

这里有个很重要的东西。Fi，我们先看到它，哎，你说当你在groundfi文件正确配置好了以后，任务运行器就会自动帮助你和你小组的，呃，说白了就是帮助你去完成工作。我们第一次见到他就在这儿，好，为什么使用ground，这就不用看，他肯定是对自己当前的工具进行移动吹嘘。这个不用管了。看下边可用的插件有哪些，哎。大家看啊，这coffee script，之前在安拉GS的时候，我给大家提到过一种叫type script，就是拉现在四点几用的是它，哎，他们都是一种脚本语言规范。比如说我们现在学的是什么？Javascript是一样的。关键是这诶这个先不要管这个，我们是不是认识这个大家见过吗。GS hit，意思就是说GS语法检查。

啊，当然在之后在view里面或者RA里面，你们能看到一个叫ES link啊，ES link要比这个要强大的多，其实后期用它用的比较多啊。待会我们会接触到这那下边这个like science style，这个大家应该知道。他们都是CSS的预边语言，哎，预边圆，哎还有一个。这个是不是咱们刚学完的有块2GS，哎，是我们模块化规范里面的一种，它对应的又叫AMD。往下再来看感受，不让就先别感受。看这。谁在用？这知道是谁吧？啊，这不j query嘛，解query也在用ground j query也在用，也说解query你最终拿到它的源码是用ground工具去构建完的之后，我可以给大家证明这个事情，好，德比这个知道吧。

不过现在额多病已经不太行了。咱们之前不是要安装flash吗？现在H5那些音频啊，视频就马上就要把它取代了。没啥用啊，下面这些。不知道，国外的我也没去研究它，没啥意义啊。好，这个是中文，呃，它的官网上我们能看到的这些信息，然后呢，你看一下这儿有一个插件列表，这个插件列表来。现在这个ground这个已经升级了，挺好的，我去找一个东西，你比如说就叫grant。等一下，我看他能不能出来。应该是没加载出来，诶在这大家看下边这些是我grant对应的一个插件列表，插件的意思就是说基于growth去扩展的第三方的库。

而为什么要有这些插件呢？哎，也就在ground这个构建工具里面，它的核心也是大脑是ground，他去诶指挥三军，你比如说而真正干活的是它下边一个一个的插件。啊，一个一个的插件，我为什么搜一个呢，来来到这。他现在是不是在这显示的好country，它这有一个特点，前面都有一个星星。而且都是以con开头，那么这些插件呢？是grant官方提供的插件，也是grant团队提供的插件。官网上推出来上面这些是不是没有，这些是光他社区里面也是个人提供的插件，其实你看哪能看出来呢。

看这种。这是by team，来自于团队，一看上面这种John Barry，这一看就是个人了，哎。什么杨媛？这不知道是谁？诶，而我们最常用的其实就是这一些，哎，这一些因为他个人提供的话，很有可能是针对他个人项目里边的某一个小点，那这个时候我们是不常用的。啊，它的插件有很多啊，有很多，嗯。就说到这儿，然后呢，他这说的，呃，这些其实说你去安如何创建自己插件，或者是安装插件，我们都不管他，其实他官方上是不是也说了，官方维护的就是C插件都被标上了什么星号。