Update frontend development instructions (#3912)

* Update frontend development instructions

* Update frontend.markdown
This commit is contained in:
Andrey 2017-11-07 00:03:15 +02:00 committed by Fabian Affolter
parent b105b22016
commit a90be00b00

View File

@ -79,19 +79,24 @@ $ git push -u <remote name> HEAD
## {% linkable_title Development %} ## {% linkable_title Development %}
While you are developing, you need to have gulp running to watch the source files for changes and build when necessary. If you are changing `html` files under `/src` or `/panels` - just reload the page in your browser to see changes.
If you are changing javascript files under `/js` you need to have gulp running to watch the source files for changes and build when necessary.
```bash ```bash
$ yarn run dev-watch $ yarn run dev-watch
``` ```
The source code for the frontend can be found in two different directories: The source code for the frontend can be found in different directories:
- UI: `/home-assistant-polymer/src/` - UI: `/home-assistant-polymer/src/`
- Panels: `/home-assistant-polymer/panels/` - Panels: `/home-assistant-polymer/panels/`
- Javascript code: `/home-assistant-polymer/js/`
# {% linkable_title Building the Polymer frontend %} # {% linkable_title Building the Polymer frontend %}
Building a new version of the frontend is as simple as running `script/build_frontend`. Building a new version of the frontend is as simple as running `script/build_frontend`.
To use a built version package it: `python setup.py sdist`
Install it: `pip3 install dist/home-assistant-frontend-xxxxxxxx.0.tar.gz --upgrade`
Run Home Assistant without trying to reinstall production package: `hass --skip-pip`
[hass-polymer]: https://github.com/home-assistant/home-assistant-polymer [hass-polymer]: https://github.com/home-assistant/home-assistant-polymer