介绍
ng2-starter-app 是一个用于快速创建 Angular2 应用程序的 npm 包。该包提供了一个预配置的 Angular2 应用程序框架，以便您可以快速开始创建应用程序。
本文将介绍如何安装和使用 ng2-starter-app，以及如何开始开发您自己的 Angular2 应用程序。
安装
安装 ng2-starter-app 可以通过 npm 进行安装。如果您还没有安装 npm，请先安装它。
打开命令行并输入以下命令：
--- ------- --------------- --
使用
安装 ng2-starter-app 后，您可以使用以下命令创建一个新的 Angular2 应用程序：
--------------- ------ ------
这将创建一个名为 my-app 的新文件夹，并在其中创建了预配置的 Angular2 应用程序结构。
要启动应用程序，请导航到 my-app 文件夹并运行以下命令：
--- -----
现在您可以通过 http://localhost:3000 访问应用程序。
开发
ng2-starter-app 预先配置了以下功能，以便您可以立即开始开发：
- Angular2 应用程序框架
- TypeScript 编译器
- Webpack 自动刷新
- 开发服务器
- Angular2 核心库和常用模块
- SASS 预处理器
您可以通过更改 app 文件夹中的代码来开始开发。该应用程序的入口点是 app/main.ts 文件。
组件
ng2-starter-app 创建了一个示例组件，该组件定义在 app/components/home/home.component.ts 中。
您可以在该文件中修改示例组件的代码，并将其替换为您自己的组件。
服务
ng2-starter-app 创建了一个示例服务，该服务定义在 app/services/data.service.ts 中。
您可以在该文件中修改示例服务的代码，并将其替换为您自己的服务。
样式
ng2-starter-app 使用 SASS 来预处理 CSS 样式。您可以在 app/styles 文件夹中创建自己的 SASS 文件，并在 app/app.component.ts 文件中引用它们。
自定义组件和服务
如果您希望创建自己的组件和服务，请按照 Angular2 文档中的说明进行操作。
总结
在本教程中，我们介绍了如何安装和使用 ng2-starter-app。我们还介绍了 ng2-starter-app 的预配置功能，以及如何开始开发您自己的 Angular2 应用程序。
ng2-starter-app 可以帮助您快速启动 Angular2 开发，并减少应用程序搭建的时间。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005562f81e8991b448d318d