Create Lightning Components in the Developer Console

The Developer Console is a convenient, built-in tool you can use to create new and edit existing Lightning components and other bundles.
  1. Open the Developer Console.
    Select Developer Console from the Your Name or the quick access menu (Setup gear icon).
  2. Open the New Lightning Bundle panel for a Lightning component.
    Select File | New | Lightning Component.
  3. Name the component.
    For example, enter helloWorld in the Name field.
  4. Describe the component.
    Use the Description field to add details about the component.
  5. Add component configurations to the new component.
    You can select as many options in the Component Configuration section as you wish, or select no configuration at all.
  6. Click Submit to create the component.
    Or, to cancel creating the component, click the panel’s close box in the top right corner.

Example

New Lightning Bundle panel