NewAndNoteworthyNB81

(Difference between revisions)
(Node.js Support)
(Node.js Support)
Line 106: Line 106:
[[image:Nb81-nodejs-9.png]]
[[image:Nb81-nodejs-9.png]]
 +
 +
* Libraries node in the Projects view
 +
 +
[[image:Nb81-nodejs-10.png]]

Revision as of 07:52, 5 November 2014

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"
    • One-time binding expressions
    • Tracking expressions "track by" in ng-repeat
    • Alias expressions "as" in ng-repeat
    • ModelOptions directive

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

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