angular下载安装
2024-08-26 13:45:06
1、下载安装nodejs
2、验证是否安装成功
node -v
npm -v
公司内网需要设置代理
npm config set registry http://mirrors.tools.huawei.com/npm
3、全局安装angular cli
npm install -g @angular/cli
4、创建新项目
打开终端窗口,执行命令
ng new my-app
5、启动开发服务器
cd my-app
ng serve --open
ng serve命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。使用--open(或-o)参数可以自动打开浏览器并访问http://localhost:4200/。
本应用会用一条消息来跟你打招呼:
The app works
6、编辑我们的第一个angular组件
这个CLI为我们创建了第一个Angular组件。 它就是名叫app-root的根组件。 你可以在./src/app/app.component.ts目录下找到它。
打开这个组件文件,并且把title属性从 app works! 改为 My First Angular App :
export class AppComponent {
title = 'My First Angular App';
}
浏览器会自动刷新,而我们会看到修改之后的标题。不错,不过它还可以更好看一点。
打开 src/app/app.component.css 并给这个组件设置一些样式:
h1 {
color: #369;
font-family: Arial, Helvetica, sans-serif;
font-size: 250%;
}
最新文章
- Tomcat7.0+的JNDI问题
- java 中 Math.rint()
- Coding Kata - 挑战你的“底线”
- SenchaTouch介绍和Sencha Architect介绍以及安装
- javaHDU1003Max Sum
- ceph主要数据结构解析3-Ceph_fs.h文件
- 解决eclipse无法解析shared_ptr
- osgText::Text简介
- 【Demo 0006】Java基础-类多态性
- 熬之滴水穿石:JSP--HTML中的JAVA代码(6)
- android定位方式
- JVM内存模型及垃圾收集策略解析(一)
- WebApplicationContext类的作用
- linux date -s
- Atitit 列表表格按照字段排序数据解决方案
- 【题解】 [ZJOI2009]假期的宿舍 (二分图匹配)
- codevs 1380 没有上司的舞会 - 树形动态规划
- 开发Web版一对一远程直播教室只需30分钟 - 使用face2face网络教室
- 20155332 mybash的实现
- CF 916