Java开发环境系列：前端利器angular安装与使用

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

}