# Look into kibana inside by using IDE and debugger, dev envrionment setup

**URL:** <https://discuss.elastic.co/t/look-into-kibana-inside-by-using-ide-and-debugger-dev-envrionment-setup/89270>\
**Category:** Kibana\
**Created:** [June 13, 2017, 9:16pm UTC](https://discuss.elastic.co/t/look-into-kibana-inside-by-using-ide-and-debugger-dev-envrionment-setup/89270 "2017-06-13T21:16:36Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![xwang12345](https://avatars.discourse-cdn.com/v4/letter/x/49beb7/32.png) [@xwang12345](https://discuss.elastic.co/u/xwang12345)\
**Post date:** [June 13, 2017, 9:16pm UTC](https://discuss.elastic.co/t/look-into-kibana-inside-by-using-ide-and-debugger-dev-envrionment-setup/89270/1 "2017-06-13T21:16:36Z")

</div>

How to setup an IDE environment and run kibana from IDE, so I explore the internals of kibana. I am currently using intelliJ IDEA.

How do the kibana contributors set up their develop environment?

One of the goal is to understand the inside of kibana and elastic search, so when something not working as expected, I could invetigate myself. For example, when I click on kibana Timelion, I got a completely blank page. I am now trying both kibana and elastic search 5.4 of container version.

---

<div class="post-metadata">

**Author:** ![xwang12345](https://avatars.discourse-cdn.com/v4/letter/x/49beb7/32.png) [@xwang12345](https://discuss.elastic.co/u/xwang12345)\
**Post date:** [June 13, 2017, 9:58pm UTC](https://discuss.elastic.co/t/look-into-kibana-inside-by-using-ide-and-debugger-dev-envrionment-setup/89270/2 "2017-06-13T21:58:14Z")

</div>

Just a folow up, I was able to run kibana from Intellij IDEA, but any recommendations are still welcome in terms of setting up the dev environment.

---

<div class="post-metadata">

**Author:** ![spalger](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/spalger/32/14092_2.png) [@spalger](https://discuss.elastic.co/u/spalger)\
**Post date:** [June 14, 2017, 4:38pm UTC](https://discuss.elastic.co/t/look-into-kibana-inside-by-using-ide-and-debugger-dev-envrionment-setup/89270/3 "2017-06-14T16:38:53Z")

</div>

We have instructions for setting up a development environment in [https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#setting-up-your-development-environment](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#setting-up-your-development-environment)

---

<div class="post-metadata">

**Author:** ![xwang12345](https://avatars.discourse-cdn.com/v4/letter/x/49beb7/32.png) [@xwang12345](https://discuss.elastic.co/u/xwang12345)\
**Post date:** [June 17, 2017, 1:16am UTC](https://discuss.elastic.co/t/look-into-kibana-inside-by-using-ide-and-debugger-dev-envrionment-setup/89270/4 "2017-06-17T01:16:36Z")

</div>

I have read the development env setup.

I am trying to debug the kibana front end code, using chrome dev tool.

I used the chrome and when I click on the source tab in chrome inspector, I only see a few js files, not the one I want to put break points in.

I only saw something like commons.bundle.js, timelion.bundle.js etc  
for example, if I want to set a breakpoint in ./kibana/src/ui/public/agg\_types/param\_types/field.js, I would like to set break point for the line that throw error "parameter is now invalid. Please select a new field.

I do not know how to do that, any help is appreciated

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [July 15, 2017, 1:16am UTC](https://discuss.elastic.co/t/look-into-kibana-inside-by-using-ide-and-debugger-dev-envrionment-setup/89270/5 "2017-07-15T01:16:37Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.