第二版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格式生成正确的编译器来配置并减少错误。