芊雅企服
企业建站教程

angularjs2,netbeans-typescript – 一个梦幻般的组合

芊雅企服技术团队268 次浏览约 6 分钟读完

AngularJS-2-NetBeans-Typescript-A-Fantastic-Combination

第二版AngularJS的发布带来了一些有趣的功能,可以促进Web开发过程。控制器和指令的引入,变更检测算法和平滑的服务器端渲染,在为任何业务提供可扩展解决方案的同时,将该框架置于赢家的一面。

那么,AngularJS2的一个有趣的事情是,当它与Typescript(开发平台)结合使用时,可以向用户提供一系列优势。这两个与NetBeansIDE结合使得创造出更美妙的东西。这个博客会让你知道这三人组合在一起的魔力。

如何组合TypeScript和NetBeans

首先,让我们从一开始就介绍一下简要的过程。首先,您需要安装NetBeans。转到链接https://netbeans.org/downloads/选择HTML版本或下载整个应用程序。完成后,您需要安装NetBeans模块文件。您将在NetBeansManager页面中以插件的形式获取安装文件。在这里要牢记,在使用JavaScript时,大多数所有工具都是用自己的语言编写的,并在Node.js的帮助下执行,这一点很重要。

从’angular2/platform/browser’导入{bootstrap};

从“angular2/core”导入{Component};

@零件({

选择器:’app’,

模板:`<inputtype=’text’placeholder=“输入名字”[(ngModel)]=“firstName”>

<br><inputtype=’text’placeholder=“输入姓氏”[(ngModel)]=“lastName”>

<br>{{firstName}}{{lastName}}你好

})

GreetingComponent类{

firstName:string;

lastName:string;

}

bootstrap(GreetingComponent);

<!DOCTYPEhtml>

<html>

<head>

<scriptsrc=“node_modules/angular2/bundles/angular2-polyfills.js”></script>

<scriptsrc=“node_modules/typescript/lib/typescript.js”></script>

<scriptsrc=“node_modules/systemjs/dist/system.src.js”></script>

<scriptsrc=“node_modules/rxjs/bundles/Rx.js”></script>

<scriptsrc=“node_modules/angular2/bundles/angular2.dev.js”></script>

<scriptsrc=“node_modules/angular2/bundles/http.dev.js”></script>

</head>

<body>

<app>正在载入…</app>

<script>

System.config({

transpiler:’typescript’,

typescriptOptions:{emitDecoratorMetadata:true},

软件包:{app:{defaultExtension:’ts’}}

});

System.import(’app/two_way_binding_greeting’);

</script>

</body>

</html>

要设置NetBeans,请转到NetBeans设置页面,选择JS或HTML5,然后单击节点路径按钮。一个开始角度发展的完美方式。

在NetBeans中运行AngularJS2

安装过程与其他安装过程没有区别。因此,首先要做的是选择“新建项目”选项卡,然后选择“HTML5”或“JS应用程序”。完成后,您可以点击“下一步”按钮,输入项目名称并指定文件夹的位置。您还可以稍后将模板添加到项目中。最后一步将要求您通过单击“下一步”按钮而不是“完成”按钮来生成配置文件。您将获得以下配置文件

package.json(bower.json,如果你使用bower而不是NPM)

请记住,这里将使用npm来管理依赖关系。在NetBeans中设置项目后,Angular2依赖项将在包中自动配置。一旦你看到下面的依赖关系以及它们的功能,你将会得到一个更为公平的想法:

并行-用于独立执行多个进程

Lite服务器-在开发过程中使用,它是一个轻量级的服务器

Typescript-一种透明的,有助于将Typescript翻译成JavaScript

反映元数据-有助于使用装饰器注入依赖特征

ES6-SHIM-使用ES6作为不支持ES6的浏览器

SystemJS-一种与AngularJS一起使用的模块加载程序

Zone.js-简化更新视图的复杂任务

您甚至可以直接从NetBeans的网站安装这些依赖项。

三重奏如何将是一个梦幻般的组合?

开发人员可以在IDE的帮助下创建一个非常好的应用程序。在创建Typescript应用程序时,NetBeans通过使用Everlaw插件。这通过将错误突出显示,语法高亮,代码完成和用法突出显示在一起来完成。TypeScript支持显示将Typescript文件传输到ES5JavaScript。文件保存时会自动发生。如果您正在使用的插件处于开发的早期阶段,可能会发生技术错误。但是,可以通过重新启动NetBeans来避免这种情况。

那么,NetBeans的哪些特性使这种组合成为可能?

NetBeans通过框架的完美结合使得不可能实现重要的作用。NetBeans有一些功能强大的功能,使其成为英雄。看看下面:

1.集成混淆器和优化器支持有助于减少应用程序的大小,并包括优化步骤。

2.MIDIlets模板缩短了使MIDIet应用程序的时间。

3.J2MEJAD和JAR文件创建了部署MIDIet套件所需的Java应用程序描述符。此外,它们还可以轻松地为JAR文件创建套件套件。

4.仿真器加快了开发时间。因此,您可以在仿真器的帮助下开发和测试基于J2MEMIDP/CLDC的应用程序。蛋糕上的结冰是,仿真器具有许多具有各种因素的设备皮肤。

5.集成调试工具的存在通过简化了MIDIet应用程序的调试过程,提高了开发人员的生产力。

6.借助仿真器SDK注册表,可以与任何类型的第三方设备进行集成。您可以从J2ME无线工具包切换到在SDK上运行的任何类型的设备仿真器。例如:您可以利用西门子,诺基亚,索尼爱立信和摩托罗拉的第三方模拟器。

7.通过统一的仿真器接口,仿真器的容量自动增加。

8.JSR185使Java技术能够在无线工业中用于合规性检查。

9.通过MIDP2.0的双重支持,可以通过以JAD格式生成正确的编译器来配置并减少错误。

相关文章

免费获取你的专属方案。

资深技术顾问一对一诊断需求,为你量身定制方案与报价。

  • 免费需求诊断与方案建议
  • 透明报价,工期明确
  • 现成方案与定制开发灵活组合
电话咨询135 0699 3986

信息仅用于顾问联系你,绝不外泄。

电话咨询免费获取方案

和技术顾问聊聊,免费拿方案。

说说你的行业和想法,顾问免费评估方案与报价。

电话咨询135 0699 3986一键拨打
微信号fzqianya
技术顾问微信二维码
微信扫一扫添加技术顾问,直接沟通需求截图保存后,在微信“扫一扫”中选择图片识别

不方便沟通?留下电话,顾问回电