AngularJS入门必学（二）

Angular -CLI安装使用

image.png

1、基于Node.js的开发工具

image.png

2、Angular-CLI具体介绍

image.png

image.png

image.png

3、Angular-CLI具体安装配置

image.png

Material Design

• 1、动画上，更加贴近真实的环境，在交互动作的情况下，能够及时的反馈，转换场景的交互动画，连贯有层次，而且基本服务于功能；
• 2、样式上，在基础色上，要考虑不同的饱和度，采用简洁对称的几何形状，矩形添加了圆角设计。在图片配合文字时，尽量使用图片的原始性，不建议重度滤镜，在特定区域，加入凸显文字的保护区域；
• 3、布局上， Paper button的逻辑是上浮的逻辑，按下的状态是上浮的，要考虑元素的z轴，z轴的深度表达出层次，顶端的阴影表达深度，底端的阴影表达边界；
• 4、使用性上，确保可触摸元素的大小至少有48*48像素的大小，关键文本信息有足够对比度可阅读。

4、Angular-CLI集成开发环境

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

==================================================================

分割线

==================================================================
博主为咯学编程：父母不同意学编程，现已断绝关系;恋人不同意学编程，现已分手;亲戚不同意学编程，现已断绝来往;老板不同意学编程,现已失业三十年。。。。。。如果此博文有帮到你欢迎打赏，金额不限。。。