在线笔记《使用 Angular框架 应用 示例》预览
Angular是一个由Google支持的前端JavaScript框架，用于开发单页面应用（SPA）。以下是创建一个简单的Angular应用的基本步骤：
- 安装Node.js和npm
首先，确保你的开发环境中安装了Node.js和npm。Angular项目依赖于Node.js，npm是Node.js的包管理器。
- 访问 Node.js官网 下载并安装。
- 安装Angular CLI
Angular CLI（命令行界面）是一个用于初始化、开发、构建和管理Angular项目的工具。
在终端或命令提示符中运行以下命令来全局安装Angular CLI：
npm install -g @angular/cli- 创建新的Angular项目
使用Angular CLI创建一个新的Angular项目。运行以下命令：
ng new my-angular-app这里my-angular-app是你的项目名称，你可以根据需要更改它。按照提示选择是否要添加路由、样式表等特性。
- 切换到项目目录并启动开发服务器
切换到你的项目目录，并启动开发服务器：
cd my-angular-app
ng serve这将在浏览器中打开你的应用（通常在 http://localhost:4200）。
- 创建一个新的组件
在Angular中，组件是构建应用的基本单元。让我们创建一个新的组件：
ng generate component my-component或者使用简写形式：
ng g c my-component- 更新App组件以使用新组件
打开 src/app/app.component.html 文件，更新其中的内容以包含新创建的组件：
<app-my-component></app-my-component>- 运行你的应用
如果你已经按照步骤3启动了开发服务器，那么你的应用应该已经可以通过浏览器访问了。你应该能看到新添加的组件显示在页面上。
- 添加一些功能或样式（可选）
你可以继续添加更多的组件、服务、路由等，或者通过修改组件的样式来美化你的应用。例如，编辑 src/app/my-component/my-component.component.css 来添加一些样式。
- 构建生产版本的App（可选）
当你准备将你的应用部署到生产环境时，可以使用以下命令来构建一个优化过的版本：
ng build --prod这将在 dist/ 目录下生成一个优化过的应用版本，适合部署。
通过以上步骤，你应该能够开始使用Angular框架开发你的第一个应用了。Angular的文档非常全面，强烈建议阅读官方文档以了解更多高级功能和最佳实践。