Angular安装说明

清除缓存
如果之前装过npm install -g angular-cli  需要先卸载 npm uninstall -g angular-cli
如果之前装过npm install -g @angular/cli  需要先卸载：npm uninstall -g @angular/cli  
npm cache clean
npm prune
装之前先安装：
npm install -g typescript typings
npm install -g angular-cli --ignore-scripts
然后：
强烈推荐用cnpm来装Angular-CLI
还要删除ng和ng.cmd文件，然后使用淘宝镜像安装:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g angular-cli






注意node.js是nodejs 版本不够Angular CLI requires node 6.9 or greater. 注意更新版本, 更新办法很多, 






问题1：没装python
一定要用cnpm装angular-cli，否则用原生npm安装面临很多问题：缺少python环境




问题2：使用cnpm提示cnpm不是内部命令原因 你没用用淘宝的镜像 
安装cnpm 使用淘宝镜像安装


大漠穷秋安装步骤：
npm i -g cnpm --registry=https://registry.npm.taobao.org   之后运行cnpm -v给出提示
cnpm i -g @angular/cli                                     安装angular 后运行  ng-v
安装完毕后，试下ng -v 和ng --help，有显示正确内容就成功了。安装完angular后运行项目。


方法一：新建项目：
ng new ProjectName  //ProjectName为你的项目名
cd ProjectName  //进入项目
cnpm install   
ng serve  // 启动项目
接下来在浏览器输入http://localhost:4200/就可以看见项目了。


方法二：已有项目
在已有项目目录执行
cnpm install
ng serve


问题3：运行时候出现The "@angular/compiler-cli" package was not properly installed.
版本问题，解决如下：


1.
 Uninstall and clean (global)


rm -rf node_modules dist
npm uninstall -g @angular/cli
npm cache clean


 Reinstall and play (global)


npm install -g @angular/cli@latest
npm install
ng serve
This worked for me.


2.  cnpm i -g @angular/cli@latest    
3.update to typescript 2.2.0 and your issue will be resolved.
4.删除项目文件下node_modules文件后，重新执行cnpm install
ng serve




结构详解：
app根模块
app.module.ts引入需要的模块
app.component.ts是根组件


组件传递数据的两种方式
一:元数据传递 配置inputs接收外部传来参数
二：配置outputs,给父组件传递数据
三：子组件注入父组件实例，就可访问父组件