素材巴巴 > 程序开发 >

Angular 快速上手

程序开发 2023-09-18 20:00:52

配置环境
1、先安装Node.js和npm

2、安装Angular CLI

npm install -g @angular/cli

使用工具vsCode
创建新项目
打开vsCode终端

ng new TT-app(项目名称)

启动项目

进入当前目录

cd TT-app

启动项目

ng serve --open

这时你的默认浏览器自动打开http://localhost:4200/
页面为:
这里写图片描述

你的项目目录是这样的:
这里写图片描述

理解一下其中几个文件的作用吧。
main.ts的作用:
这是应用的主要入口点。 使用JIT 编译器编译本应用,并启动应用的根模块 AppModule,使其运行在浏览器中。 你还可以使用AOT 编译器,而不用修改任何代码 —— 只要给 ng build 或 ng serve 传入 –aot 参数就可以了。

index.html的作用:
这是别人访问你的网站是看到的主页面的 HTML 文件。 大多数情况下你都不用编辑它。 在构建应用时,CLI 会自动把所有 js 和 css 文件添加进去,所以你不必在这里手动添加任何


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。