1. 安装 Angular CLI:
在命令行中运行以下命令安装 Angular CLI(确保已经安装了 Node.js):
npm install -g @angular/cli
2. 创建新的 Angular 项目:
在命令行中运行以下命令创建一个新的 Angular 项目:
ng new your-project-name
这将创建一个新的 Angular 项目,并在项目文件夹中安装所需的依赖项。
3. 进入项目目录:
进入项目文件夹:
cd your-project-name
4. 启动本地开发服务器:
使用以下命令启动本地开发服务器:
ng serve
默认情况下,应用将在 http://localhost:4200/ 上运行。您可以在浏览器中打开这个地址,查看正在开发的应用。
如果您希望在启动时自动打开浏览器,可以使用以下命令:
ng serve --open
这样,每当您保存文件时,Angular CLI 将自动重新构建应用程序,并在浏览器中刷新显示更改。
5. 其他选项:
- 如果您希望更改本地服务器的端口号,可以使用 --port 选项,例如:
ng serve --port 4201
- 如果您希望允许外部设备访问本地服务器,可以使用 --host 选项,例如:
ng serve --host 0.0.0.0
这些步骤应该帮助您在本地运行 Angular 应用程序的开发服务器。在开发过程中,您可以通过编辑代码并保存文件来实时查看应用程序的变化。
转载请注明出处:http://www.zyzy.cn/article/detail/5009/Angular