最小项目 Angular

Angular是一个开源的JavaScript框架，主要用于构建web应用程序。最小项目Angular是使用Angular框架创建的最小可行应用程序（minimal viable application），可以用来学习和了解Angular基础。

安装Angular CLI

安装Angular CLI是使用最小项目Angular的第一步。

npm install -g @angular/cli

创建Angular项目

使用Angular CLI来创建最小项目Angular。

ng new minimal-project --minimal --skipTests

--minimal选项创建一个最小的Angular项目。--skipTests选项跳过自动测试。

运行Angular应用程序

在终端窗口中，进入Angular项目目录并运行以下命令，以在浏览器中启动Angular应用程序。

cd minimal-project
ng serve

在浏览器中输入http://localhost:4200地址，就可以看到Angular应用程序的初始页面。

创建组件

使用Angular CLI创建最小项目Angular的第一个组件。

ng generate component hello-world

这个命令将创建一个新的hello-world组件。在浏览器中，Angular应用程序将显示hello-world组件的内容。

修改组件

在应用程序的hello-world目录中，打开hello-world.component.ts文件，并在@Component装饰器中添加以下行：

template: '<p>Hello world!</p>',

重新启动ng serve，你将看到Angular应用程序现在只显示'Hello world!'。

结论

这是一个基本的最小项目Angular的例子，展示了如何使用Angular CLI创建一个最小的可行应用程序，并创建和修改一个组件。现在你可以开始探索Angular框架，并使用它来构建更加复杂的web应用程序。