【angular19】入门基础教程(一):项目的搭建与启动

angular现在发展的越来越能完善了，在vue和react的强势竞争下，它迎来了自己的巨大变革。项目工程化越来越好，也开始拥抱了vite这种高效的构建方式。所以，我们有必要来学习这么一个框架了。

项目实现效果

nodejs环境

• Node.js - v^18.19.1 或更高版本
• vscode最新版本

项目搭建步骤

• 全局安装angular的脚手架环境

npm install -g @angular/cli

• 创建项目

ng new myfirstangularapp

看到最后一行就说明，项目搭建完成。

• 项目启动

npm start

在浏览器打开http://localhost:4200/，这样我们就晚上一个基础的angular项目

项目结构

手动修改测试

修改app.component.ts文件中的title值，保存后我们看到页面自动刷新了。

结语

整个过程非常的流畅，保证环境正确，就能一次性的完成项目初始化功能。