00:00
好,咱们开始上课,咱们今天一天的任务呢,是要学一个project build,又叫项目构建,那么给大家介绍一下,诶,发给大家那个压缩文件,解压了以后都有什么东西。我呢,把它解压了以后,就是我桌面的这一个啊,这个idea不用说code的是我们要敲的代码,到时候大家要导项目就导这一个,把这个导进去就行了,好,那这又是一个备份来备份里面意思是我们要下一些东西啊,现在咱们不用几乎用不到它这个教程呢,我又单独的在外面放了一个。哎,放了一个,那下面这。有个思维导图,我先把它打开。收起来好。咱们今天一天的任务就是学它项目构建,来,我把这个理解打开,先来看一下什么是项目构建。首先呢,你得知道项目构建,就是去编译项目中的GS呀,CS呀什么啊CSS。
01:04
也是像对项目的原文件进行啊合并压缩等一系列操作,包括五可以去做GS语法检查。等等,其实他能干的活有很多啊,有很多,这叫项目构建,而我们要学的是项目构建工具。那项目构建工具的作用就是简化我们的项目构建,说白了呃,他让你去进行上述这些操作的话,更简单方便一点。我们要学的构建工具呢,有三种,哎这三种我们都得学,而现在哎市面上也都在用啊,占的比重比较大的是下边这两个,现在最火的是他。PA。这个GAP也挺好的,有的公司呢,还用GAP和PA他俩去配合着去使用啊。GA也挺好的啊。
02:00
呢,它现在是在国外的市场。占的比重还比较大一点,在国内的市场相对来说小一点。咱们一个一个来学习它,那首先我们先来看第一个叫grant啊,他们呢,都对应的有自己的官网,把它先打开时啊找到就这个家伙很有可能,诶这还能访问,诶能访问大家看到这个点,那说明什么?下到点说明什么,说明是中文的,如果说这个呢。是指英文的。能懂不?哎,点net就中文的,这不是全部切换到英文的吗?当然了,以咱们现在的水平,还是切换回来吧,哎,就是net。不过这个ne有时候访问不了,哎。HT他好像协议变了,我我从哪看3W点拿这个看。好,哎,这呢,就是的一个中文官网,那么进来,哎,这是他的logo,这是什么东西啊。
03:07
就是每个人看待事物的角度不一样,你看到的结果也是不一样的。这,这是个什么?这是牛吗?这是个野猪。野猪没脚吗?有啊。龇嘴獠牙,听过吗?就是说他呃来。我们往下来看啊,大家先看上来的第一句话,Javascript世界的构建工具,哎,构建工具。为什么要用构建工具,哎,它上面英文也是,哎,In就one word,哎,Automation,意思就是说自动化对这个家伙很关键啊,自动化。说白了,你进行压缩呀,合并呀,编译这些,我构建工具可以自动的帮你去做一些事情。
04:03
这里有个很重要的东西。Fi,我们先看到它,哎,你说当你在groundfi文件正确配置好了以后,任务运行器就会自动帮助你和你小组的,呃,说白了就是帮助你去完成工作。我们第一次见到他就在这儿,好,为什么使用ground,这就不用看,他肯定是对自己当前的工具进行移动吹嘘。这个不用管了。看下边可用的插件有哪些,哎。大家看啊,这coffee script,之前在安拉GS的时候,我给大家提到过一种叫type script,就是拉现在四点几用的是它,哎,他们都是一种脚本语言规范。比如说我们现在学的是什么?Javascript是一样的。关键是这诶这个先不要管这个,我们是不是认识这个大家见过吗。GS hit,意思就是说GS语法检查。
05:03
啊,当然在之后在view里面或者RA里面,你们能看到一个叫ES link啊,ES link要比这个要强大的多,其实后期用它用的比较多啊。待会我们会接触到这那下边这个like science style,这个大家应该知道。他们都是CSS的预边语言,哎,预边圆,哎还有一个。这个是不是咱们刚学完的有块2GS,哎,是我们模块化规范里面的一种,它对应的又叫AMD。往下再来看感受,不让就先别感受。看这。谁在用?这知道是谁吧?啊,这不j query嘛,解query也在用ground j query也在用,也说解query你最终拿到它的源码是用ground工具去构建完的之后,我可以给大家证明这个事情,好,德比这个知道吧。
06:09
不过现在额多病已经不太行了。咱们之前不是要安装flash吗?现在H5那些音频啊,视频就马上就要把它取代了。没啥用啊,下面这些。不知道,国外的我也没去研究它,没啥意义啊。好,这个是中文,呃,它的官网上我们能看到的这些信息,然后呢,你看一下这儿有一个插件列表,这个插件列表来。现在这个ground这个已经升级了,挺好的,我去找一个东西,你比如说就叫grant。等一下,我看他能不能出来。应该是没加载出来,诶在这大家看下边这些是我grant对应的一个插件列表,插件的意思就是说基于growth去扩展的第三方的库。
07:13
而为什么要有这些插件呢?哎,也就在ground这个构建工具里面,它的核心也是大脑是ground,他去诶指挥三军,你比如说而真正干活的是它下边一个一个的插件。啊,一个一个的插件,我为什么搜一个呢,来来到这。他现在是不是在这显示的好country,它这有一个特点,前面都有一个星星。而且都是以con开头,那么这些插件呢?是grant官方提供的插件,也是grant团队提供的插件。官网上推出来上面这些是不是没有,这些是光他社区里面也是个人提供的插件,其实你看哪能看出来呢。
08:04
看这种。这是by team,来自于团队,一看上面这种John Barry,这一看就是个人了,哎。什么杨媛?这不知道是谁?诶,而我们最常用的其实就是这一些,哎,这一些因为他个人提供的话,很有可能是针对他个人项目里边的某一个小点,那这个时候我们是不常用的。啊,它的插件有很多啊,有很多,嗯。就说到这儿,然后呢,他这说的,呃,这些其实说你去安如何创建自己插件,或者是安装插件,我们都不管他,其实他官方上是不是也说了,官方维护的就是C插件都被标上了什么星号。
我来说两句