Home » Support » Index of All Documentation » Introduction for New Users » Wing IDE Tutorial »

Let's start with some basics that will help you get around Wing IDE while working with this tutorial.

Wing IDE's user interface is divided into an editor area and two toolboxes separated by draggable dividers. Try pressing F1 and F2 now to show or hide the two toolboxes. Also try Shift-F2 to maximize the editor area temporarily, hiding both tool areas and toolbar until Shift-F2 is pressed again.

/images/doc/en/intro/getting-around.png

Tool and editor tabs can be dragged to rearrange the user interface, optionally creating a new split. Right click on the tabs for a menu of additional options, such as adding or removing splits or to move the toolbox from right to left. The number of splits shown by default in toolboxes will vary according to the size of your monitor.

Notice that you can click on an already-active tool tab to minimize that tool area. Click again on any tab to restore the toolbox to its previous size.

By default, the editor shows all open files in all splits, making it easy to work on different parts of a file simultaneously. This can be changed by unchecking Show All Files in All Splits in the right-click context menu on the editor tabs.

note Splitting your editor area makes it easier to get around this tutorial. To do this now, right click on the editor tab area and select Split Side by Side. On small monitors and laptops, it may be preferable to create a new window for the tutorial by right clicking on its tab and selected Move Wing IDE Help to New Window.

Context Menus

In general, right-clicking provides a menu for interacting with or configuring a part of the user interface. The text that follows refers to these menus as "context menus".

Configuring the Keyboard

Use the Edit > Keyboard Personality menu or User Interface > Keyboard > Personality preference to tell Wing to emulate another editor, such as Visual Studio, VI/Vim, Emacs, Eclipse, or Brief.

/images/doc/en/intro/keyboard-personality.png

The Configure Tab Key item in the Edit > Keyboard Personality menu or the User Interface > Keyboard > Tab Key Action preference can be used to select among available behaviors for the tab key. The default is to match the selected Keyboard Personality. When the Keyboard Personality is set to Wing IDE, the tab key acts differently according to context. For example, if lines are selected, repeated presses of the tab key moves the lines among syntactically valid indent positions. And, when the caret is at the end of a line, pressing the tab key adds one indent level.

Auto-Editing

Wing IDE Pro implements a variety of auto-editing operations, which are designed to speed up typing and reduce common errors. A subset of the available operations that does not require learning different keystrokes is enabled by default. For example, when ( is typed Wing will enter the closing ) automatically. If the closing ) is pressed anyway, Wing just skips over it. Auto-editing can be disabled as a whole using the Editor > Auto-Editing > Enable Auto-Editing preference or individual operations can be selected.

/images/doc/en/intro/auto-editing.png

This topic will be covered in more detail later in the tutorial.

Auto-Completion

There are many options for Wing's auto-completer. These are set in the Editor > Auto-completion preferences group. For example, if you are used to using the Enter key for completion, you may wish to add that now to the Editor > Auto-completion > Completion Keys preference.

Other Configuration Options

Wing's cross-platform GUI adjusts to the OS on which you are running it. This can be overridden with the User Interface > Display Style preference. For example, to set a dark background display style select Match Palette and set the User Interface > Color Palette preference to either Black Background or Monokai:

/images/doc/en/intro/monokai.png

The User Interface > Fonts > Display Font/Size and User Interface > Fonts > Editor Font/Size preferences select fonts for the user interface and editor.

The size and type of tools used in the toolbar at the top of Wing IDE's main window can be changed by right clicking on one of the enabled tools.

For more information on adjusting the user interface to your needs, see the Customization chapter of the manual.

« 1.0. Tutorial: Getting StartedTable of Contents1.2. Tutorial: Check your Python Integration »

Tutorial: Getting Around Wing IDE