Angular4学习笔记(一)
来源:互联网 发布:机器人编程软件 编辑:程序博客网 时间:2024/05/22 07:51
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)
阅读全文
1 0
- Angular4学习笔记(一)
- angular4学习笔记(一)
- Angular4学习笔记(一)-环境搭建
- Angular4学习笔记(三)
- Angular4学习笔记(四)
- Angular4学习笔记(五)
- Angular4学习笔记(六)
- Angular4学习笔记(一):准备和环境搭建
- 【Angular4.X学习笔记一】对Angular的基础认识
- angular4.0 学习(一)
- Angular4学习笔记之表单
- 学习Angular4遇到问题,解决方法(一)
- Angular4学习笔记(三):router
- Angular4学习笔记(四):service
- Angular4学习笔记(五):http
- Angular4学习笔记(六):解耦
- Angular4学习笔记(七):界面优化
- Angular4学习笔记之新建项目
- 教你用TensorFlow实现神经网络(附代码)
- 查看当时日期是星期几
- Android7.0 PackageManagerService APK安装
- easyUI的dialog父窗口大小
- apt-get
- Angular4学习笔记(一)
- Oracle实现分页
- [转]-Snake模型&&openCV代码
- 燃!阿里的技术小哥们又又又拿冠军了!
- Oracle 11G RAC For ASM 利用RMAN COPY进行存储迁移
- android studio 调试安卓程序
- 11月27日云栖精选夜读:阿里毕玄:智能时代,运维工程师在谈什么?
- linux下nginx的配置安装
- UnsupportedOperationException异常原因