Angular4学习笔记(一)-环境搭建
来源:互联网 发布:fifaol3数据库手机版 编辑:程序博客网 时间:2024/05/17 17:56
下载nodejs
- 下载地址
- 在命令行输入:
npm -v
如果出现如下画面即安装成功
安装Angular的cli命令行工具
- 命令:
sudo npm install -g @angular/cli
- 输入
ng -v
,如出现以下画面即表示安装成功
创建项目
- 命令:
ng new XXX
,XXX表示项目名称,如:ng new iAngular
此时在相应目录下就会有新项目生成
Angular组件
默认项目构成
组件构成
启动顺序
- main.ts
通过platformBrowserDynamic().bootstrapModule(AppModule)
来加载模块AppModule
- AppModule
通过declarations: [AppComponent]
声明并通过bootstrap: [AppComponent]
加载AppComponent
组件 - AppComponent
通过装饰器@Component
指定了选择器名称、模板URL和组件样式文件 - 模板文件(*.html)
通过{{title}}
表达式读取控制器中的元素title
样式文件(*.css)
此处本来是空的,样式是自己加的- 首页index.html
启动项目
- 在项目根目录下执行
npm start
命令,出现以下画面即表示启动成功: - 访问
阅读全文
0 0
- Angular4学习笔记(一)-环境搭建
- Angular4学习笔记(一):准备和环境搭建
- angular4学习笔记(一)
- Angular4学习笔记(一)
- angular4.0学习笔记(01)-环境搭建(2017-06)
- angular4学习指南,环境搭建,基础概念解析(一)
- 【Angular4.X学习笔记二】开发环境配置(windows)
- struts 学习笔记(一)--搭建环境
- Hadoop学习笔记(一)环境搭建
- android学习笔记(一)环境搭建
- ThinkPHP学习笔记(一)环境搭建
- PHP学习笔记一(环境搭建)
- cocos2dx学习笔记(一)环境搭建
- maven学习笔记(一)--环境搭建
- DeepLearning学习笔记(一) 搭建环境
- Redis学习笔记(一)搭建环境
- AWK 学习笔记(一) 环境搭建
- Activiti学习笔记一(环境搭建)
- android Activity生命周期
- Atom 更为先进的文本代码编辑器
- symbol-versioning
- getchar()、gets()、getch()
- 7.7 设置缓存控制
- Angular4学习笔记(一)-环境搭建
- Python3.6.2 图形界面模块Tk (Day1)
- 单例设计模式总结-5种常见写法+防止发射反序列化
- ACM 大数 A+B Problem
- HDU 5938 Four Operations 模拟
- 记高德地图使用学习过程
- 如何在Angular中使用jquery
- 561. Array Partition I
- MyTask工具类