NewAndNoteworthyNB81

(Difference between revisions)
m
Line 53: Line 53:
[[image:Angular modelOptions.jpg]]
[[image:Angular modelOptions.jpg]]
 +
===Editor===
=JavaScript Editor=
=JavaScript Editor=
Line 149: Line 150:
[[image:Nb81-nodejs-11.png]]
[[image:Nb81-nodejs-11.png]]
 +
 +
===Node.js Editor===
 +
 +
* Control - hover functionality
 +
When you place the mouse cursor over an runtime module name in require method and press CTRL / Command, then the documentation for the module is displayed.
 +
 +
[[image:CmdHover.png]]
=Gulp Support=
=Gulp Support=

Revision as of 20:03, 7 January 2015

Contents

JavaScript Frameworks

KnockoutJS

Added support for Knockout 3.2.0.

  • New bindings in code completion for data-bind
    • component
    • textInput
  • Updated model for code completion
    • Includes e.g., pureComputed observables
  • Support for Knockout custom components

Code completion for Knockout custom components

Custom HTML elements registered in Knockout JavaScript file using ko.components.register function

image:Ko32 01.jpg

Code completion for component binding

image:Ko32 03.jpg

image:Ko32 05.jpg

image:Ko32 04.jpg

Code completion for custom component's parameters

image:Ko32 cc params.png

image:Ko32 cc params2.png

Go to Declaration

Supports multiple source locations (e.g., component is registered in debug and minified JS files, both are present in the project)

image:Ko32 02.jpg

AngularJS

Added support for Angular 1.2 and 1.3

Editor support and CC improvements

  • "Controller As"

image:Angular CtrlAs.jpg

  • One-time binding expressions

image:Angular bindOnce.jpg

  • Tracking expressions "track by" and Alias expressions "as" in ng-repeat

image:Angular ngRepeatTrackByAs.jpg

  • ModelOptions directive

image:Angular modelOptions.jpg

Editor

JavaScript Editor

Code Completion

If the code completion is called inside the string of parameter in method of document.getElementsById(), then it is able to offer all used values of ids attributes in the html and css files in the project.

image:GetElementById.png‎


Similarly the code completion offers CSS classes defined in css file inside the string of parameter in method document.getElementsByClassName().

image:GetElementByClassName.png‎

JSON Editor

Code Folding

The code folding of the JSON editor was improved. It's possible to fold arrays of objects.

image:ArrayJSONFolding.png‎

Also there are new options for folding editor in the Options dialog.

image:JsonFoldOptions.png‎

Web Application Inspection

Shadow DOM Support

  • Shadow DOM nodes are shown in Browser DOM view
  • Elements of shadow DOM can be selected/inspected in Chrome browser
  • Styling information for shadow DOM nodes is shown in CSS Styles view

image:shadowDOM.png

DOM Breakpoints

DOM breakpoints are visualized in Browser DOM view (elements with a breakpoint are marked by a breakpoint badge).

image:DOMBreakpoints.png

JavaScript Debugging

Conditional Breakpoints

It is possible to specify condition on a JavaScript breakpoint. The breakpoint is hit when the condition evaluates to true.

image:JavaScriptConditionalBreakpoints.png

Node.js Support

Support for Node.js has been added. This includes:

  • Configuration of the Node.js executable

image:Nb81-nodejs-1.png

  • New project wizard

image:Nb81-nodejs-2.png

  • Project problems detection

image:Nb81-nodejs-3.png

  • Running JS files via Node.js

image:Nb81-nodejs-4.png

  • Project specific configuration of Node.js

image:Nb81-nodejs-5.png

  • Configuration of start file

image:Nb81-nodejs-6.png

  • Node.js project can have Site Root (its own frontend part)

image:Nb81-nodejs-7.png

  • In this case, browser can be opened on project run

image:Nb81-nodejs-8.png

  • Synchronization of changes between project and its package.json (project name, start file)

image:Nb81-nodejs-9.png

  • Libraries node in the Projects view

image:Nb81-nodejs-10.png

  • Running any npm script

image:Nb81-nodejs-11.png

Node.js Editor

  • Control - hover functionality

When you place the mouse cursor over an runtime module name in require method and press CTRL / Command, then the documentation for the module is displayed.

image:CmdHover.png

Gulp Support

Support for Gulp has been added, it works exactly the same way as the existing Grunt support. This includes:

  • Configuration of the Gulp executable

image:Nb81-gulp-01.png

  • gulpfile is shown among Important Files

image:Nb81-gulp-02.png

  • Gulp tasks can be assigned to common IDE actions in the Project Properties dialog

image:Nb81-gulp-03.png

  • Any Gulp task can be run via project's context menu

image:Nb81-gulp-04.png

  • Gulp output can be reviewed in the Output window

image:Nb81-gulp-05.png

Java EE

Remote WebLogic

Support for development on remote WebLogic instances.

image:weblogic_step1.png

image:weblogic_step2.png

Not logged in. Log in, Register

By use of this website, you agree to the NetBeans Policies and Terms of Use. © 2012, Oracle Corporation and/or its affiliates. Sponsored by Oracle logo