JS tools

From Things and Stuff Wiki
Revision as of 00:47, 28 February 2019 by Milk (talk | contribs) (→‎Stack)
Jump to navigation Jump to search


Analysis

JSLint

JSHint

fork of jslint, not as strict as crockford's defaults

git clone git@github.com:johnbender/jshint-service.git
cd jshint-service
heroku create
git push heroku master
  • jshint.vim : A plugin that integrates JSHint with Vim

ESLint

Google Closure Linter

JSBeautifier

DoctorJS

TraceGL

  • traceGL transforms your JavaScript, injecting monitoring code that produces a log of everything that happens. This log is streamed from the target (node or browser), via the traceGL node.js process to the UI for visualisation. The UI tries to display the resulting huge amount of information fast, and uses webGL to render everything. - $

other

Testing

See also WebDev#Testing

  • QUnit is a powerful, easy-to-use JavaScript unit test suite. It’s used by the jQuery, jQuery UI and jQuery Mobile projects and is capable of testing any generic JavaScript code, including itself!.

Stack

  • JSDev is a filter that activates selected comments, making them executable. This makes it possible to put development, performance, and testing scaffolding into a source file. The scaffolding is removed by minification, but is activated by JSDev.
  • Grunt: a task-based command line build tool for JavaScript projects.



Noflo

Other

  • PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

Performance

Apps

  • Apache Cordova - an open-source mobile development framework. It allows you to use standard web technologies - HTML5, CSS3, and JavaScript for cross-platform development. Applications execute within wrappers targeted to each platform, and rely on standards-compliant API bindings to access each device's capabilities such as sensors, data, network status, etc. Use Apache Cordova if you are: a mobile developer and want to extend an application across more than one platform, without having to re-implement it with each platform's language and tool set; a web developer and want to deploy a web app that's packaged for distribution in various app store portals; a mobile developer interested in mixing native application components with a WebView (special browser window) that can access device-level APIs, or if you want to develop a plugin interface between native and WebView components.

Vim

See also Vim

  • Vim JS Tools - This is a simple plugin that adds both JSLint and JSBeautify functionality in one. JSLint is currently assumed to be installed globally by npm, JSBeautify code is included.
    • forked from vim-js-beautify
  • jshint.vim - This plugin will allow you to run jshint from vim, and shows the results in a split window.