标题有点搞笑,但搞笑的很真实。
有些时候,我们对于一件事物,就只是:Hello~......~Bye~......
于是有句话说的好:
人生若只如初见,何事秋风悲画扇。
学Angular也是这样。越来越难,越来越不懂,到最后就只剩下一句:
What The F**K(这是啥),What The F**K Too(这又是啥)!
我想说的是:不妨换一种思路——这Angular不是很难吗?不是理解不了学不会吗?
那如果我打一开始就没想着要搞明白要学会呢?
给你几秒钟理一下这神逻辑......
好,我解释一下。其实大神们已经把这种观点扩散到很多领域了:先把东西实现出来,再去慢慢的学明白原理。
说到这里,感觉有一句话骗了我们好多年:
知其然,知其所以然。
我们把重点都放在后半句了。
可大多数时候,我们连前半句都做不到。
所以,我不打算在新手教程里面讲原理,我只是带着大家,从最最最基础的部分开始,带着大家把一个项目成功的做起来。
路是一点点走出来的。
路,就在脚下。
OK,多余的话不多说,我们开始今天的学习~学完了今天上,中,下三部分的知识,你将掌握......掌握不到什么技能,但你会做出一个能学你说话的老干妈。

对,就是她。
上一趴我们搭起了环境。那么代码在哪里呢?
我们需要一个编辑器。我推荐webstormHbuilderX。很简单,百度一下,第一个就是。下载10几M的那个小的就行,解压了直接用(要是推荐webstorm,这一趴不用讲别的了,免费版本略麻烦。)
然后还记得咱的项目存在哪里吗?——C:\Users\xxx\hello-world(xxx换成你电脑的用户名)还是不懂的话,点C盘 -> 选"用户"或"User" -> 你就看到了hello-world。

选从本地目录导入。填上之前的hello-world路径或者自己点到hello-world文件夹都OK。
你应该可以看到工程目录了。别管那么多,直接进
src -> app -> app.component.html
删光里面的内容,替换成:
<div>
{{title}}
</div>
和上一章讲的一样,ng serve启动你的工程项目。你会看到只有一个hello-world(也就是你的工程名),这时,你要去到app.component.ts这个文件,把里面的
title = 'hello-world';
换成你想对老干妈说的话,比如:
title = '你好,老干妈~';
下面就是见证奇迹的时刻。回到浏览器,你会发现,屏幕上出现了你刚刚输入的文字。
于是,老干妈听见了你的召唤,将在下一章出现在你的眼前~
写在最后:
说实话,这一章真的没讲什么东西,主要是把编辑器用起来,也算是一个过渡。
再次声明,这是写给萌新的入门文章,大神退散。
还是那句话,跟着我的小碎步,我们一定能实现出一个看得过去实用的项目,并且能让你从实践中领略到Angular的神奇之处,为我们之后能理解原理修一条高速公路。
我是三丁油辣椒,下一章见~
扫描二维码 获取更多精彩
