首页 > web前端 > js教程 > 另一篇 Angular 文章,第 1 部分

另一篇 Angular 文章,第 1 部分

Mary-Kate Olsen
发布: 2024-12-05 20:40:12
原创
851 人浏览过

Yet Another Angular Article, Part 1

嘿,你知道吗?我使用 Angular,而且我喜欢它。

我的名字是 Benjamin Richard,我从 2000 年开始从事网络行业。距现在已经很长一段时间了。我曾经使用 PHP、Java 或 .Net 进行后端工作,大部分时间都使用 MVC 模式。 MySQL、PostgreSQL,还有 Oracle DB 是我最喜欢的数据库。当 MeteorJs 带来他们出色的平台时,我了解了前端技术。

为什么选择 Angular?事实上,我无法真正解释为什么我在 Angular 上工作,而不是在 React 和 VueJS 上工作。我尝试了 Vue,并用它开发了一些应用程序。我喜欢它。但是当它从 v2 迁移到 v3 时,我不明白为什么他们让它如此复杂,而它的简单性是 Vue 1 和 2 的关键部分。所以我研究了 React 和 Angular。但是,在我看来,Angular 远远领先于 React,即使大多数开发人员并不这么认为。在我看来,Angular 带来了构建应用程序所需的一切,这是其主要优势。是的,你不能选择你最喜欢的 Http 库、表单管理等。但是 Angular 的每个部分都可以很好地协同工作。

为什么不使用 Angular?也许是因为它很难学。 
Angular = Typescript RxJS 框架
所以你必须掌握每一项才能提高效率。这比掌握像 React 这样的模板渲染库还要难;-p
但这一次已经在 2024 年结束了。你不想要 RxJS 吗?使用信号。是的,v16 Angular 带来了信号概念。到 2024 年,v18 的大部分信号功能都是稳定的。在 v19 中,两个新信号带来了一种使用异步资源的新方式。现在,您可以在没有 Observable 的情况下使用 Angular。我想说这不是一个好主意,因为它们确实很有用,但如果这是你不想要的东西,你可以避免这个概念。

如何开始?

自 2024 年以来,Angular 团队重建了网站,所以看看 https://angular.dev 内容确实令人印象深刻。

然后,您需要获取 NodeJS >v18.19.1 并且可以将其安装在某个地方(使用 docker 或其他任何东西):

npm install -g @angular/cli

现在您已经有了 Angular cli,您可以使用它来启动项目:

新建我的新项目

您必须选择一些配置,例如是否使用服务器端渲染、使用 Sass、Scss 或其他。仅此而已。

它将创建一个带有简单主页的文件夹“my-new-project”。 Angular 的优点在于您可以在 Angular.json 文件中自定义您的项目。原理图部分允许您定义使用 Cli 生成代码时的工作方式:
您想要像 Vue 这样的单个文件组件中包含 html 和 css 吗?是的,你可以。您想定义变更检测策略吗?是的,你可以。
一切都在节点projects.my-new-project.schematics
下 它的默认值是通过使用“ng new”命令中的答案来定义的。
嘿,我忘了一件事:“ng new”命令有很多可用参数。但我会让你发现它们。

现在您的项目已初始化,是时候启动它了:

服务

打开浏览器 http://localhost:4200 就可以了。

这篇文章就结束了,下一篇是关于组件创建的。

再见!

[注意] 所有文章均使用 Angular v19*
中的命令 [原帖] https://medium.com/@rebolon/yet-another-angular-article-part-1-8f9ae6526189

以上是另一篇 Angular 文章,第 1 部分的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板