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 文件添加进去,所以你不必在这里手动添加任何
标签:
上一篇:
安装 WampServer,并配置 Apache 的详细过程 !!!
下一篇:
相关文章
-
无相关信息