Cisar

Google Chrome browser extension that adds a tab to Developer Tools, where you can create SharePoint Client Side Rendering customizations and they will be applied as-you-type to the underlying page.

Installing

Extension is available on Chrome WebStore.

Alternatively, you can install it manually from the source code:

1. Download the source code archive from GitHub and unpack it to some folder
2. Check the "Developer mode" checkbox on the extensions page
3. Click [Load unpacked extension...] button
4. Select folder with the Cisar source code

Using

1. Navigate to your SharePoint portal, to the page where you have list view or list form that you want to customize.
2. Open Developer Tools window (F12).
3. Switch to "Cisar" tab
4. Click plus button in the left panel and create a file.
5. Start writing customizations

Roadmap

1. Add support for Display Templates