Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including generator-sp-pnp-js-sample with all npm packages installed. Try it out:

var generatorSpPnpJsSample = require("generator-sp-pnp-js-sample")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

generator-sp-pnp-js-sample v0.0.8

A sample project showing use of the Patterns and Practices js library and vs code

PnP SharePoint Sample Generator

This project contains a Yeoman generator which establishes a sample project to help you get started using the sp-pnp-js library.

Getting Started

Ensure you install Yeoman

> npm install -g yo

Install typings if you don't have it

> npm install -g typings

Install the Yeoman Generator

> npm install -g generator-sp-pnp-js-sample

Create a directory where you want to load the template

    > mkdir samples
    > cd samples

Run npm init and respond to prompts (defaults are fine)

> npm init

Run the generator

> yo sp-pnp-js-sample

Add the script tag and associated div to a script editor web part on your SharePoint site

    <script type="text/javascript" src="http://localhost:8080/bundle/example-bundle.js" data-divid="pnp-sample-container"></script>
    <div id="pnp-sample-container"></div>

Begin serving the samples by running this command:

> gulp serve

Refresh the page to see the hello world sample. You can un-comment the other samples and try them, or write your own code. This pattern can be used to write your own standalone apps. When changes are made to any of the files the bundle will be re-built for you and you can refresh the page to see your updates.


You can also run the build command to create a minified bundle for deployment. It will be written to the build folder.

> gulp build

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free