Angular 快速上手

配置环境
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 文件添加进去,所以你不必在这里手动添加任何

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 23
    评论
评论 23
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值