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)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值