2025年aurelia_使用Aurelia构建迷你Instagram应用

aurelia_使用Aurelia构建迷你Instagram应用aurelia Aurelia is yet another component based JavaScript framework not just library It is an interesting one because of its simplicity and the use of futuristic tools like ES2016 This is a

大家好,我是讯享网,很高兴认识大家。

aurelia

Aurelia is yet another component based JavaScript framework (not just library). It is an interesting one because of its simplicity and the use of futuristic tools like ES2016. This is a getting started guide for Aurelia and by the end you will know the basics of Aurelia and why it's worth a shot.

Aurelia是另一个基于组件JavaScript框架(不仅仅是库)。 它之所以有趣是因为它的简单性以及对ES2016等未来派工具的使用。 这是Aurelia的入门指南,到最后,您将了解Aurelia的基础知识以及为什么值得一试。

认真!! 为什么是另一个? ( Seriously!!? Why Another One? )

Yeah! I get it. If you are like me, you must have started with Angular 1 which we all loved. React was introduced and because it is component based, therefore, the future, you had to learn it. Half way into your React journey, Angular 2 was released and you can't afford to miss it because every JS developer loves angular including you. Now you have 2 heavy tools to be asking questions about on Stack Overflow which we all know how that hurdle is difficult. And here I am telling you about another one.... what's the name again, yeah Aurelia. I understand how you feel and I felt same way as well but after going through the cool stuffs Aurelia is bringing to the table, I couldn't help but give it a shot. Some of this cool benefits include:

是的 我知道了。 如果您像我一样,那么您必须从我们都喜欢的Angular 1开始。 引入了React,由于它是基于组件的,因此,未来,您必须学习它。 在您的React旅程进行到一半时,Angular 2已发布,您不能错过它,因为每个JS开发人员都喜欢包括您在内的angular。 现在,您有2个沉重的工具要问有关Stack Overflow的问题,我们都知道困难重重。 在这里,我要告诉您另一个。。。再说一次,是的, Aurelia 。 我了解您的感觉,也有相同的感觉,但是在浏览了Aurelia带来的精彩内容之后,我禁不住尝试一下。 这些很酷的好处包括:

  1. Coding in vanilla JS

    香草JS中的编码
  2. Support for TypeScrit, ES2016 and ES2015 (I am not kidding)

    支持TypeScrit,ES2016和ES2015(我不是在开玩笑)
  3. Simple and intuitive all-way data binding

    简单直观的全方位数据绑定
  4. Awesome routing with less to no drama

    很棒的路线,几乎没有戏剧性
  5. Frictionless Setup

    无摩擦设置
  6. Testing as a habit

    测试是一种习惯
  7. Complies with most of W3C standards


    讯享网

    符合大多数W3C标准

Let's hop in and see for ourselves.

让我们跳进去看看。

第一部分 ( First Component )

We will make a mini Instagram app but before we build our killer IG photo app, it will be cool to have a quick look at Aurelia by creating a simple component first. You need to download the Aurelia starter kit, unzip the folder to your working directory, and rename the folder to scotch-aurelia or what suites you.

我们将制作一个微型Instagram应用程序,但在构建我们的杀手级IG摄影应用程序之前,先创建一个简单的组件快速了解Aurelia是很酷的。 您需要下载Aurelia 入门工具包 ,将该文件夹解压缩到您的工作目录中,然后将该文件夹重命名为scotch-aurelia或您所需要的套件。

Install a Node dependent HTTP server to assist in running your app:

安装依赖于节点的 HTTP服务器以帮助运行您的应用程序:

npm install -g http-server

讯享网

Run:

跑:

讯享网http-server -o -c-1

The browser will show up with a welcome message as seen below. That is dumb enough for a first run.

浏览器将显示欢迎消息,如下所示。 对于第一次运行来说,这已经足够愚蠢了。

小讯
上一篇 2025-03-10 19:10
下一篇 2025-03-04 18:44

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/117267.html