Front-end development help

I am really struggling to create do some front-end development…
I have followed the instructions from here:

home-assistant.io/developers/frontend/

I have very little experience with all the node/npm related stuff.
So on reading through the documentation I keep wondering:

  • Where do I start editing on my front-end code ?
  • How can I get a preview of what I am doing ?

So right now I have added some files based on the state-card-scene files.
I’ve entered the $ npm run js_dev command which seems to exit without errors.
But what then ? can I run for a test ? (Which actually doesn’t work as I get all kinds of missing files from a bower folder which indeed isn’t there.)

According to the docs I need to update the package.json file with the sha of the latest commit.
Does that mean I need to commit first, get the sha, update the package.json and then be able to test or something ?

It is all very confusing. Any help is more than welcome !!

Sander.

It depends on what you want to develop. According to your post you are working on polymer. This means that you can run script/build_frontend as written in the Building the Polymer frontend section to preview your changes.

Hi Sanders,

This is where exactly i too got stuck… please let me know if you find any solution