angular下载安装

1、下载安装nodejs

官方地址： https://nodejs.org/en/download/

 

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%;
}