DEV Community

Steven Gregory
Steven Gregory

Posted on

Service Portal Snippets for VS Code

Interested in speeding up your ServiceNow development workflow in VS Code? Sure, why not you say. Ok, let's move forward. 🚀

The Service Portal Snippets extension for VS Code adds a handy collection of Service Portal snippets to your ServiceNow development workflow. Code snippets make it easy to streamline your development workflow, accelerate efficiency and implement proven & tested patterns of best practice on the fly.

Alt Text

Installation

To install the Service Portal Snippets extension, do so in the usual methods. This may be obvious, but if not see Install Visual Studio Code extensions.

Or install via the command line (my preference).

code --install-extension stevengregory.service-portal-snippets
Enter fullscreen mode Exit fullscreen mode

Usage

To generate a snippet, type part of the snippet and press enter.

To find a list of snippet commands, checkout out the vscode-service-portal-snippets repository on GitHub.

ProTip: type the snippet without dashes to activate IntelliSense. 😎

Examples

On a JavaScript file, to generate a snippet for getting the current user's display name using GlideUser, type sp-user-getDisplayName.

var currentUser = gs.getUser().getDisplayName();
Enter fullscreen mode Exit fullscreen mode

To create a snippet for getting active records using GlideRecord, type sp-record-addactivequery.

var inc = new GlideRecord('incident');
inc.addActiveQuery();
inc.query();
while (inc.next()) {

}
Enter fullscreen mode Exit fullscreen mode

Enter AngularJS & Service Portal. To generate a widget client script controller with an $onInit lifecycle hook, type sp-ng-controller.

function NinjaController() {
  var c = this;

  c.$onInit = function() {};
}
Enter fullscreen mode Exit fullscreen mode

On an HTML file, to create an ng-repeat with an orderBy filter, type sp-ng-repeat-orderby.

<div ng-repeat="item in c.items | orderBy: 'order'"></div>
Enter fullscreen mode Exit fullscreen mode

On a UI Script, to create an AngularJS service like a boss, type sp-ng-service.

(function() {
  'use strict';

  function serviceName() {
    var service = {
      getSomething: getSomething
    };
    return service;

    function getSomething() {}
  }

  angular
    .module('moduleName')
    .service('serviceName', serviceName);
})();
Enter fullscreen mode Exit fullscreen mode

And there are many more. Cool right?! 👍

Contributing

This is an open source project and still a work in progress, so feel free to open up a pull request and contribute. Also, if you have any suggestions or feedback, please send them my way — thanks!

"Teamwork makes the Dreamwork!" - Bill McDermott

Top comments (0)