Angular入门

1.cli
cli命令行界面，指的是可以在用户提示符下 键入可执行指令的界面，通常不支持鼠标，用户通过键盘输入命令，计算机接受命令后执行。

2.npm
npm是随同nodejs一起安装的包管理工具，可以从npm的服务器上下载所有已经有的包，很方便实用

3.angular
AngularJS2 是 Angular 1.x 的升级版本，性能上得到显著的提高，能很好的支持 Web 开发组件。 AngularJS2 发布于2016年9月份，它是基于ES6来开发的。

安装angular：
npm install -g @angular/cli
//mac 电脑
sudo npm install -g @angular/cli

angular就是使用的cli操作，然后npm下载资源，通常情况下由于tgfw的问题，npm的下载是比较缓慢的，所以还是使用国内镜像提升一下速度吧。

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

4.创建项目
先新建package.json

npm init

创建项目：

ng new angularname

安装依赖：

cnpm install

启动项目：

ng serve 或者  npm start   启动成功会提示success

访问项目：

默认端口：4200     访问地址：localhost:4200

终止程序:

ctrl+c

安装jquery:

cnpm install jquery --save

安装bootstrap:

cnpm install bootstrap@3 --save

image.png

4.加载流程
index.html

image.png

根据<app-root></>找到 app.compoment.ts

image.png image.png

然后

image.png

就将初始组建加载完毕了

加载自定义的组件：

image.png

就是找到组件名 放进来就行了，

@刚学angular，将老师将的跟个人理解一起整理的笔记。肯定很多毛病，会一直不断学习进步的！