1. 安装Node.js和npm

在开始之前，需要先安装Node.js和npm。

2. 安装Angular CLI

在命令行中运行以下命令：

npm install -g @angular/cli

3. 创建一个新的Angular项目

在命令行中运行以下命令：

ng new my-project

4. 打开项目并运行

进入项目目录并运行以下命令：

cd my-project ng serve

5. 修改配置

在项目的根目录下，可以找到一个文件名为“angular.json”的配置文件。在该文件中可以修改项目的一些配置，例如设置输出文件夹、修改默认端口等等。

{ "projects": { "my-project": { "architect": { "build": { "builder": "@angular-builders/custom-webpack:browser", "options": { "customWebpackConfig": { "path": "./extra-webpack.config.js" } } }, "serve": { "builder": "@angular-builders/custom-webpack:dev-server", "options": { "browserTarget": "my-project:build" }, "configurations": { "production": { "browserTarget": "my-project:build:production" } } } } } } }

在上面的代码片段中，可以看到如何在Angular项目中使用自定义Webpack配置。具体来说，通过在“angular.json”文件中的“customWebpackConfig”属性中指定配置文件的路径。 这个实例显示了如何通过Webpack插件将资源文件拆分到单独的文件中。

6. 集成第三方库

可以通过运行以下命令安装第三方库：

npm install my-library --save

然后在项目中使用该库：

import { MyLibrary } from 'my-library';

const library = new MyLibrary();

7. 部署应用程序

在项目根目录下，可以通过命令行运行以下命令来打包项目：

ng build --prod