Skip to content

Developing front end code

Jump to bottom Edit New page
Julian Knight edited this page Sep 30, 2017 · 1 revision

To develop your app, you will need to know how to edit and manage your front-end code.

You can find the files in ~/.node-red/uibuilder/<url>/src by default. The minimum files you are likely to want are:

  • manifest.json - for mobile use
  • index.html - the default page
  • index.js - the default scripts
  • index.css - the default CSS

Tools of the trade

  • Editor - this is the absolute minimum tool you need. I recommend using a decent code editor. I use Microsoft Visual Studio Code (vscode), ATOM is also good. It is sensible to use some addins to help, eslint is recommended and you will likely find a configuration for that already set up in my repo's.

  • Browser-Sync - This saves you the effort of having to reload your browser every time you make a change to your code. Here is a typical command line for it when working with Node-RED and uibuilder: browsersync start --proxy 'http://localhost:1880/uibuilder/' --ws --files \"uibuilder/**/*.*\"

Please feel free to add comments to the page (clearly mark with your initials & please add a commit msg so we know what has changed). You can contact me in the Discourse forum, or raise an issue here in GitHub! I will make sure all comments & suggestions are represented here.

Clone this wiki locally