Angular2.0搭建本地开发环境

最新推荐文章于 2023-05-09 18:47:57 发布

原创最新推荐文章于 2023-05-09 18:47:57 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

文章标签：

1 篇文章

订阅专栏

本文介绍如何使用Git上的《快速起步》种子快速搭建Angular项目。首先确保已安装node和npm，接着新建项目目录并克隆种子代码，最后通过npm安装依赖并启动应用。文章还概述了几个核心文件的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载 Git上的《快速起步》种子在你的电脑上快速搭建一个新项目是很容易的。

确定你已经安装了 node 和 npm，然后：

运行npm start来启动例子应用。

运行下列命令来执行 克隆并启动步骤。

git clone https://github.com/angular/quickstart.git quickstart
cd quickstart
npm install
npm start

所有指南和烹饪书都至少有 这几个核心文件。每个文件都有独特的用途，并且随着应用的成长各自独立演变。

文件	用途
`app.component.ts`	定义与《快速起步》游乐场同样的`AppComponent`。它是根组件，随着应用的演变，它将变成一颗嵌套组件树。
`app.module.ts`	定义`AppModule`，根模块为 Angular 描述如何组装应用。目前，它只声明了`AppComponent`。不久，它将声明更多组件。
`main.ts`	使即时 (JiT) 编译器用编译应用并且在浏览器中启动并运行应用。对于大多数项目的开发，这都是合理的选择。而且它是在像 Plunker 这样的在线编程环境中运行例子的唯一选择。你将在本文档中学习其他编译和开发选择。