Angular 概述
<p> </p><p>1.Angular基础知识<br>1）概述<br>angular是一个框架，能够支持多种平台，同时适用于移动端和桌面端<br>2）特点：跨平台、高性能、高效开发效率</p>
<p> </p>
<p>2.开发环境构建：<br> - 安装node.js: https://nodejs.org/en<br> - 安装Angular CLI: npm install -g @angular/cli<br> * 先设置npm config set registry https://registry.npm.taobao.org<br> - 创建项目: ng new my-app<br> - 启动项目<br> ~ 进入项目目录 cd my-app<br> ~ 启动项目 ng serve --open<br> -下载安装WebStorm：http://www.jetbrains.com/webstorm<br> -编辑Angular组件</p>
<p> </p>
<p>3.Angular目录结构以及概述</p>
<p>Angular的启动：main.ts为程序的入口 => app.module => app.component 呈现</p>
<p>目录结构图</p>
<p> </p>
<p><img src="https://img2020.cnblogs.com/blog/710005/202008/710005-20200807151550662-1324982412.png" alt="" loading="lazy"></p>
<p> </p>
<p>main.ts </p>
<p><img src="https://img2020.cnblogs.com/blog/710005/202008/710005-20200807151619752-1555856148.png" alt="" loading="lazy"></p>
<p> </p>
<p>Module 根模块</p>
<p><img src="https://img2020.cnblogs.com/blog/710005/202008/710005-20200807151647116-1339235975.png" alt="" loading="lazy"></p>
<p> </p>
<p>app.component</p>
<p><img src="https://img2020.cnblogs.com/blog/710005/202008/710005-20200807151710191-345947534.png" alt="" loading="lazy"></p>
<p> </p>
</div>
<div id="MySignature" role="contentinfo">
You are never too old to set another goal or to dream a new dream!!!<br><br>
来源：https://www.cnblogs.com/youguess/p/13453080.html
頁:
[1]