Angular4学习笔记之准备和环境搭建项目

  

<强>写在前面的废话1

  

我用角的时候还是1.倍,属于代码写的很反人类但是angular2还没出的蛮荒年代。我本身是从j2ee转到Android的工程师,也是就是说,我的日常开发语言是Java。突然切换到JavaScript那真是难受的像北极熊同企鹅讲话,更何况后来嫌webstorm太卡而用起了没有提示的崇高(嗯,终于治好了多年顽疾的“从不记函数名症候群”)。经过了一段痛苦不堪的撞墙经历后,总算是开始习惯了。

  

但我还是想大吼一声,JavaScriptWCNM。

  

发泄完了说正事。

  

现在前端的主要框架比较火的是反应,角虽然背后是谷歌但还是差了那么一点。两者我都用过,说一下我感觉的角的特点,以及和反应的不同。

  

首先直接拿角和反应比较是不公平的。因为角是一个什么都有的全家桶,只反应是MVC里的V,经常需要搭配一些别的东西使用比如回来的(我用的标配是反应+回来的+路由器). .

  

其次,角的特点是绑定,从写代码的角度上说比较符合MVC的概念高祖里的组件就相当于C和V的合体,模板或者templateUrl就是视图,而类就是所谓的控制器。通过在控制器里声明唯一的模型在对应的视图里使用,达到解耦的目的。而且角还支持注入服务,进一步分离业务逻辑。

  

反应的特点其实是虚拟dom,是提速性质的东西.Redux才是逻辑相关,通过唯一的状态来解耦,你换状态我换值。两者的思路都是很相似,的个人感觉回来的里的减速器就是角里的服务。

  

第三,哪个更好一点?我个人还是喜欢反应更多,当然这个主观因素占了很大的层面。写角的时候我还是一副怨天尤人的Android程序员,写反应的时候就是已经入门的前端开发者了。

  

<强>写在前面的废话2

  

一些准备工作,是必须的。

  

节点,一切的基础。

  

崇高,这个是我个人使用的ide。之前用过webstorm,但是要注册而且多少有点慢。但是用崇高的小缺点就是需要自己下插件,webstorm确实功能全一点….subime对反应的支持还是蛮好的,但是对角度的支持还是有点坑。当然,也可能是我插件没装对。

  

git,本项目已经提交到github。当然,更新程度和我的懒惰程度成反比。其实这个项目我已经完成了,但是因为某种来自东方的神秘力量(直说了吧,就是手贱)又给删掉了…

  

英文好,非必须。但是英文好可以直接去看角的官方网站,就传送门,翻墙的话速度快一些.Angular的中文版还停留在2.0,写法和4.0略有不同。

  

当然4.0和2.0其实也没差多少,至少比2.0和1. x之间的差距要小的多(滚蛋吧范围)

  

废话说完了,之所以有1有2没有3,是因为我觉得很多时候我只要犯二就可以了。

  

<强>先说需求,任何没有需求的项目都是耍!流。氓!

  

需求很简单,也基本上是在模仿超级机器人大战的整备页面(没错我是个钢弹迷而且最近刚好正在玩机战z)。

  

首先本项目包含3个页面:

  

1主页
  

  

 Angular4学习笔记之准备和环境搭建项目”>,<br/>
  </p>
  <p>上半部展示的是项目说明,下半部筛选出3个机体并进行简单的说明。</p>
  <p> 2机体列表页<br/>
  </p>
  <p> <img src=

  

机体展示,展示所有拥有的机体,包括名称和状态(为了防止图片侵权,用的都是我自己做的高达模型)。

  

3机体详情页
  

  

 Angular4学习笔记之准备和环境搭建项目

  

从主页和详情页面点击任意一部机体都可以跳转到这个页面,主要介绍机体的各项参数,基本情况以及状态。

  

<强>环境搭建

  

首先要有节点以及崇高,然后需要用崇高的包管理器安装插件打印稿。

  

关于如何安装节点,崇高的包管理器并下载插件请参见之前文章里的方法。

  

其次,可以用sourceTree或者命令行克隆地址:

  

1)角给的官方快速入门

        https://github.com/angular/quickstart.git      

2)我的改编后的版本,好处是集成了webpack和scss,缺点就是写的比较乱而且不知道有什么坑。

        https://github.com/stormrabbit/gundam-meister.git

Angular4学习笔记之准备和环境搭建项目