# Angular_Project

**Repository Path**: zhao-jingtao-l/angular_-project

## Basic Information

- **Project Name**: Angular_Project
- **Description**: 学习Angular框架，搭建本地项目
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://gitee.com/zhao-jingtao-l
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-09
- **Last Updated**: 2024-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 安装 Angular CLI

你可以使用 Angular CLI 来创建项目，生成应用和库代码，以及执行各种持续开发任务，比如测试、打包和部署。

要安装 Angular CLI，请打开终端/控制台窗口，并运行如下命令：

```shell
content_copynpm install -g @angular/cli
```

在 Windows 客户端计算机上，默认禁用 PowerShell 脚本的执行。要允许执行 npm 全局二进制文件所需的 PowerShell 脚本，你必须设置以下内容[执行策略](https://docs.microsoft.com/en-us/powershell/module/microsoft.powershell.core/about/about_execution_policies)

[`content_copySet-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned`仔细阅读执行命令后显示的消息并按照说明进行操作。确保你了解设置执行策略的含义。](https://docs.microsoft.com/en-us/powershell/module/microsoft.powershell.core/about/about_execution_policies)





## 创建工作区和初始应用

你要在 Angular [**工作区**](https://angular.cn/guide/glossary#workspace)的上下文中开发应用。

要创建一个新的工作区和初始入门应用：

1. 运行 CLI 命令 `ng new` 并提供 `my-app` 名称作为参数，如下所示：

   ```shell
   content_copyng new my-app
   ```

2. `ng new` 命令会提示你提供要把哪些特性包含在初始应用中。按 Enter 或 Return 键可以接受默认值。

Angular CLI 会安装必要的 Angular npm 包和其它依赖包。这可能要花几分钟的时间。

CLI 会创建一个新的工作区和一个简单的欢迎应用，随时可以运行它。



## 运行应用

Angular CLI 中包含一个服务器，方便你在本地构建和提供应用。

1. 导航到 workspace 文件夹，比如 `my-app`。

2. 运行下列命令：

   ```shell
   content_copycd my-app
   ng serve --open
   ```

`ng serve` 命令会启动开发服务器、监视文件，并在这些文件发生更改时重建应用。

`--open`（或者只用 `-o` 缩写）选项会自动打开你的浏览器，并访问 `http://localhost:4200/`。

如果你的安装和环境搭建成功了，就会看到如下页面。

![Welcome to my-app!](https://angular.cn/generated/images/guide/setup-local/app-works.png)