首页 > 其他分享 >Angular | 理解Angular的项目和工具

Angular | 理解Angular的项目和工具

时间:2024-05-13 15:09:11浏览次数:19  
标签:文件 ts js json 理解 构建 工具 Angular

1.项目的目录层级是什么样的

​ 分为内外结构,外结构:关于项目的文件:package.json,package-lock.json,tconfig.json,angular.json,gitignore,ReadMe.txt,e2e,src

​ 内结构,则是src里面的结构,包括app源码目录;assets静态文件目录;environment环境文件目录;index.html主页文件;mian.ts Typescript的一些配置;test.ts Karma单元测试的配置;profill.ts 主要用于兼容的浏览器的配置;

2.Angular项目的构建过程

​ Angular的项目构建分为开发构建和生产构建

​ 开发构建:构建出来的包过大,但不需要转换修饰器,也不需要专门提出第三方包,这样的话,就可以实现(JIT)即时编译,编译速度快。

​ runtime.js 处理其他js文件

​ profill.js 处理不用浏览器的功能 style.js 样式文件

​ vendor.js 程序包含的第三方 包的代码

​ main.js 自定义程序代码

​ 生产构建:构建出来的包小,要转换装饰器为js文件,实现预编译(AOT),缺点是需要重新编译,且编译时间长。

​ 只包含程序涉及到的代码,其他的一概没有;且会生成两个bundle文件,一个现代,一个老,区别就是需要的浏览器不同。

PS:在这中涉及angular程序编译器,ts程序编译器以及webpack打包工具。

3.开发基本

​ 创建一个数据模型:1.创建一个模型类(可以约束业务用到的对象)2.创建数据源(单列一个文件,实际是想后台发送请求获取数据)3.创建模型存储库(可以获取数据,并且在该库文件中增删改查模型,以及定义一些和模型相关的操作)

​ 定义一个简单模板:1.创建组件类,并使用@Component来链接模板、样式文件以及占位符 2.创建模板 3.可以在组件类里写数据逻辑

4.tslint

标签:文件,ts,js,json,理解,构建,工具,Angular
From: https://www.cnblogs.com/rushintocloud/p/18189285

相关文章

  • OSS_PIPE:Rust编写的大规模文件迁移工具| 京东云技术团队
    文盘rust好久没有更新了。这段时间笔者用rust写了个小东西,跟各位分享一下背景随着业务的发展,文件数量和文件大小会急剧增加,文件迁移的数量和难度不断攀升。oss_pipe是rust编写的文件迁移工具,旨在支撑大规模的文件迁移场景。编写oss_pipe的初衷•同类产品面临的问题•rust......
  • PictureCleaner:一款实用的本地图片处理工具
    PictureCleaner:一款实用的本地图片处理工具简介:对于日常办公和学习生活中图片处理的需求,今天推荐一款名为PictureCleaner的实用软件。这款软件专为Windows系统打造,具备多种图片处理功能,且完全免费、无广告,无需安装即可使用。主要功能:图片矫正:对于拍照时出现的倾斜或变形,Pictu......
  • Windows中常用的硬盘检测工具包括:
    Windows中常用的硬盘检测工具包括:Windows自带工具:磁盘检查工具(Chkdsk):可用于检查和修复文件系统错误和硬盘坏道。磁盘碎片整理器(DefragmentandOptimizeDrives):可用于优化磁盘性能,整理碎片文件。第三方工具:CrystalDiskInfo:提供硬盘的健康状态和性能信息,包括温度......
  • 一款自动化提权工具
    工具介绍这是一款自动利用 exploit 来提权到root权限的工具。让Linux权限提升变得简单!Traitor打包了一系列方法来利用本地错误配置和漏洞来弹出rootshell:几乎所有GTFOBins可写docker.sockCVE-2022-0847(脏管道)CVE-2021-4034(pwnkit)CVE-2021-3560    ......
  • PDF编辑工具有哪些 5款好用的PDF批注编辑软件推荐
    PDF作为目前一种常见的文档形式,我们在一些商务往来、培训宣讲或者是考试学习中经常用到。它方便阅读,比Word版更正式,但是缺点是不能直接在上面加批注做修改,用起来会有些不便。那么有没有什么工具可以不用转化PDF格式,直接在PDF文档上做批注修改呢?当然有这样的软件,今天小编就来简单分......
  • 从XML配置角度理解Spring AOP
    本文分享自华为云社区《Spring高手之路18——从XML配置角度理解SpringAOP》,作者:砖业洋__。1.SpringAOP与动态代理1.1SpringAOP和动态代理的关系SpringAOP使用动态代理作为其主要机制来实现面向切面的编程。这种机制允许Spring在运行时动态地创建代理对象,这些代理对象包......
  • Visual Studio中的四款代码格式化工具
    前言今天大姚给大家分享四款VisualStudio中的代码格式化工具、扩展插件。大家可以在VisualStudio中的管理扩展或者插件市场下载安装。代码格式化工具的作用自动调整代码的布局和风格,以确保代码具有统一的格式,提高可读性并减少潜在的错误。VisualStudio中的管理扩展插件市......
  • 原型设计工具
    当前主流的原型设计工具有墨刀、摹客RP、InvisionApp和Axure等。Axure是一款专业的快速原型设计工具,广泛应用于商业分析、产品管理、UI/UX设计等领域。它支持从简单的线框图到复杂的交互原型的创建。Axure拥有强大的交互能力,Axure提供了丰富的交互元素和动作,可以创建复杂的交互......
  • 原型设计工具
    2252118顾佳豪AxureRP主要特点:交互设计:支持复杂的动态交互和逻辑表达。文档输出:可以输出规范的产品需求文档。协作功能:支持团队协作和项目管理。高保真原型:创建接近最终产品的高保真原型。使用方法:使用库面板中的元件创建页面布局。利用交互功能定义元件行为......
  • C# 单元测试工具选择
    由于最近在尝试开发桌面应用,技术选用的是WPF,但是开发起来有点卡手,发现原来缺少了测试工具,花了两天,把主要把主要的测试工具尝试了一下。现有的单元测试工具查阅资料,已知在vsstudio上主要为3款,分别是xUnit,NUnit,以及SMTest,三款工具各有优劣。现有问题三款单元测试都存在无法实......