Angular4学习笔记(一)

Angular4：

1.开发环境：

      (1)安装之前先安装Node.js和npm  (注：用node  -v 验证是否安装)

      (2)在确定安装node.js 和npm之后执行：npm install -g @angular/cli

       (3)创建项目: ng new  myAngular(项目名称) 

       (4) cd myAngular  切换到自己项目的目录

       (5)执行 ng serve 启动服务测试项目(访问http://localhost:4200可以访问自己创建的项目)

2.项目目录：(查看详细目录结构访问：http://blog.csdn.net/yuzhiqiang_1993/article/details/71191873)

3.创建一个组件：ng g component product(组件名称)

4.访问过程：

       项目启动时页面显示Loading...当项目启动完之后加载访问app.component.html文件。

   

 5.项目访问成功页面

 ***如果你可以看到这个页面，那么恭喜你项目创建成功了****

如果想引入第三方库请往下看。

6.引入第三方库：

  例如：引入jquery

  (1)在项目的目录下执行：npm install jquery --save

  (2)在.angular.cli.json文件

   (3)添加jquery类型描述文件：npm install @types/jquery --save（只有添加类型描述文件后，才会识别jquery）