温馨提示×

首页 > 教程 > 编程开发 > Angular基础教程 > 创建新的Angular项目

创建新的Angular项目

创建新的Angular项目需要先安装Node.js和npm。以下是创建新的Angular项目的详细步骤:

  1. 安装Node.js和npm 访问Node.js官网(https://nodejs.org/)下载最新的Node.js版本并安装,安装完成后npm也会自动安装。

  2. 安装Angular CLI 打开命令提示符或终端窗口,运行以下命令安装Angular CLI:

    npm install -g @angular/cli
    
  3. 创建新的Angular项目 在命令提示符或终端窗口中运行以下命令创建新的Angular项目:

    ng new my-project
    

    其中my-project是你的项目名称,可以根据需要自定义。

  4. 进入项目目录 使用cd命令进入你的项目目录:

    cd my-project
    
  5. 启动开发服务器 运行以下命令启动开发服务器:

    ng serve
    

    该命令会在http://localhost:4200/启动开发服务器,并监听文件变化。

  6. 访问应用 打开浏览器并访问http://localhost:4200/,你应该可以看到新创建的Angular项目的欢迎页面。

至此,你已经成功创建了一个新的Angular项目。接下来可以根据需要修改项目代码并在浏览器中查看效果。