KDevelop4/Manual/Working with source code: Difference between revisions
m (add formatting) |
m (Fix minor typo) |
||
(111 intermediate revisions by 9 users not shown) | |||
Line 2: | Line 2: | ||
<translate> | <translate> | ||
== Working with source code == | == Working with source code == <!--T:1--> | ||
<!--T:2--> | |||
Besides debugging, reading through and writing source code is what you will spend the most time with when developing software. To this end, '''KDevelop''' offers you many many different ways to explore source codes and to make writing it more productive. As discussed in more detail in the following sections, '''KDevelop''' is not just a source editor — rather, it is a source management system that gives you different views of extracted information on the files that collectively make up your session's source code. | Besides debugging, reading through and writing source code is what you will spend the most time with when developing software. To this end, '''KDevelop''' offers you many many different ways to explore source codes and to make writing it more productive. As discussed in more detail in the following sections, '''KDevelop''' is not just a source editor — rather, it is a source management system that gives you different views of extracted information on the files that collectively make up your session's source code. | ||
</translate><span id="Tools and views"></span><translate> | </translate><span id="Tools and views"></span><translate> | ||
=== Tools and views === | === Tools and views === <!--T:3--> | ||
[[Image:kdevelop-7.png|thumb|500px| | <!--T:4--> | ||
[[Image:kdevelop-7.png|thumb|500px|center]] | |||
In order to work with projects, '''KDevelop''' has the concept of | <!--T:5--> | ||
In order to work with projects, '''KDevelop''' has the concept of ''tools''. A tool provides a particular view of the source, or an action that can be taken with it. Tools are represented by buttons around the perimeter of your window (in vertical text along the left and right margins, or horizontally along the bottom margin). If you click on them, they expand to a subwindow — a ''view'' — within the main window; if you click on the tool button again, the subwindow disappears again. | |||
{{Note|1=To make a subwindow disappear, you can also click at the | <!--T:6--> | ||
{{Note|1=To make a subwindow disappear, you can also click at the <menuchoice>x</menuchoice> at the top right of the subwindow.}} | |||
<!--T:7--> | |||
The picture above shows a particular selection of tools, aligned on the left and right margins; in the picture, the <menuchoice>Classes</menuchoice> tool is open on the left and the <menuchoice>Snippets</menuchoice> tool on the right, along with an editor for a source file in the middle. In practice, most of the time you will probably only have the editor and maybe the <menuchoice>Classes</menuchoice> or <menuchoice>Code Browser</menuchoice> tool open at the left. Other tool view will likely only be open temporarily as you use the tool, leaving more space for the editor most of the time. | The picture above shows a particular selection of tools, aligned on the left and right margins; in the picture, the <menuchoice>Classes</menuchoice> tool is open on the left and the <menuchoice>Snippets</menuchoice> tool on the right, along with an editor for a source file in the middle. In practice, most of the time you will probably only have the editor and maybe the <menuchoice>Classes</menuchoice> or <menuchoice>Code Browser</menuchoice> tool open at the left. Other tool view will likely only be open temporarily as you use the tool, leaving more space for the editor most of the time. | ||
<!--T:8--> | |||
When you run '''KDevelop''' the first time, you should already have the <menuchoice>Projects</menuchoice> tool button. Click on it: it will open a subwindow that shows the projects you have added to the session at the bottom, and a file system view of the directories of your projects at the top. | When you run '''KDevelop''' the first time, you should already have the <menuchoice>Projects</menuchoice> tool button. Click on it: it will open a subwindow that shows the projects you have added to the session at the bottom, and a file system view of the directories of your projects at the top. | ||
There are many other tools you can use with '''KDevelop''', not all of which are initially present as buttons on the perimeter. To add some, go to the <menuchoice>Windows -> Add tool view</menuchoice> menu entry. Here are some that you will likely find useful | <!--T:9--> | ||
There are many [[Special:myLanguage/KDevelop4/Manual/Tool_list|other tools]] you can use with '''KDevelop''', not all of which are initially present as buttons on the perimeter. To add some, go to the <menuchoice>Windows -> Add tool view</menuchoice> menu entry. Here are some that you will likely find useful: | |||
<!--T:10--> | |||
* '''Classes''': A complete list of all classes that are defined in one of the projects or your session with all of their member functions and variables. Clicking on any of the members opens a source editor window at the location of the item you clicked on. | * '''Classes''': A complete list of all classes that are defined in one of the projects or your session with all of their member functions and variables. Clicking on any of the members opens a source editor window at the location of the item you clicked on. | ||
<!--T:72--> | |||
* '''Documents''': Lists some of the more recently visited files, by kind (e.g. source files, patch files, plain text documents). | * '''Documents''': Lists some of the more recently visited files, by kind (e.g. source files, patch files, plain text documents). | ||
<!--T:73--> | |||
* '''Code Browser''': Depending on your cursor position in a file, this tool shows things that are related. For example, if you are on an <code>#include</code> line, it shows information about the file you are including such as what classes are declared in that file; if you are on an empty line at file scope, it shows the classes and functions declared and defined in the current file (all as links: clicking on them brings you to the point in the file where the declaration or definition actually is); if you are in a function definition, it shows where the declaration is and offers a list of places where the function is used. | * '''Code Browser''': Depending on your cursor position in a file, this tool shows things that are related. For example, if you are on an <code>#include</code> line, it shows information about the file you are including such as what classes are declared in that file; if you are on an empty line at file scope, it shows the classes and functions declared and defined in the current file (all as links: clicking on them brings you to the point in the file where the declaration or definition actually is); if you are in a function definition, it shows where the declaration is and offers a list of places where the function is used. | ||
<!--T:74--> | |||
* '''File system''': Shows you a tree view of the file system. | * '''File system''': Shows you a tree view of the file system. | ||
<!--T:75--> | |||
* '''Documentation''': Allows you to search for man pages and other help documents. | * '''Documentation''': Allows you to search for man pages and other help documents. | ||
* '''Snippets''': This provides sequences of text that one uses over an over and doesn't want to write every time. For example, in the project from which the picture above was created, there is a frequent need to write code like < | |||
<!--T:76--> | |||
* '''Snippets''': This provides sequences of text that one uses over an over and doesn't want to write every time. For example, in the project from which the picture above was created, there is a frequent need to write code like <br /> | |||
{{Input|1=<nowiki>for (typename Triangulation< dim>::active_cell_iterator cell | |||
= triangulation.begin_active(); | |||
cell != triangulation.end(); | |||
++cell)</nowiki>}}<br />This is an awkward expression but it will look almost exactly like this everytime you need such a loop — which would make it a good candidate for a snippet. | |||
<!--T:77--> | |||
* '''Konsole''': Opens a command line window inside '''KDevelop's''' main window, for the occasional command you may want to enter (e.g. to run <code>./configure</code>). | * '''Konsole''': Opens a command line window inside '''KDevelop's''' main window, for the occasional command you may want to enter (e.g. to run <code>./configure</code>). | ||
<!--T:11--> | |||
For many programmers, vertical screen space is the most important. To this end, you can arrange your | For many programmers, vertical screen space is the most important. To this end, you can arrange your | ||
tool views at the left and right margin of the window: to move a tool, click on its symbol with the right mouse button and select a new position for it. | tool views at the left and right margin of the window: to move a tool, click on its symbol with the right mouse button and select a new position for it. | ||
</translate><span id="Exploring source code"></span><translate> | |||
=== Exploring source code === <!--T:30--> | |||
==== Local information ==== <!--T:31--> | |||
<!--T:32--> | |||
'''KDevelop''' ''understands'' source code, and as a consequence it is really good at providing you information about variables or functions that may appear in your program. For example, here is a snapshot of working with a piece of code and hovering the mouse over the symbol <code>cell</code> in line 1316 (if you are working keyboard oriented, you can achieve the same effect by holding down the <keycap>Alt</keycap> key for a while): | |||
<!--T:33--> | |||
[[Image:kdevelop-13.png|thumb|600px|center]] | |||
<!--T:34--> | |||
'''KDevelop''' shows me a tooltip that includes the type of the variable (here: <code>DoFHandler<dim>active_cell_iterator</code>), where this variable is declared (the ''container'', which here is the surrounding function <code>get_maximal_velocity</code> since it is a local variable), what it is (a variable, not a function, class or namespace) and where it is declared (in line 1314, just a few lines up in the code). | |||
<!--T:35--> | |||
In the current context, the symbol over which the mouse was hovering has no associated documentation. In this example, had the mouse hovered over the symbol <code>get_this_mpi_process</code> in line 1318, the outcome would have been this: | |||
<!--T:36--> | |||
[[Image:kdevelop-14.png|thumb|600px|center]] | |||
<!--T:37--> | |||
Here, '''KDevelop''' has cross-referenced the declaration from an entirely different file (<code>utilities.h</code>, which in fact even resides in a different project of the same session) together with the doxygen-style comment that accompanies the declaration there. | |||
<!--T:38--> | |||
What makes these tooltips even more useful is that they are dynamic: I can click on the container to get information about the context in which the variable is declared (i.e. about the namespace <code>System</code>, such as where it is declared, defined, used, or what its documentation is) and I can click on the blue links that will reset the cursor position to the location of the declaration of the Symbol (e.g. in <code>utilities.h</code>, line 289) or give me a list of places where this symbol is used in the current file or throughout all the projects of the current session. The latter is often useful if you want to explore how, for example, a particular function is used in a large code basis. | |||
<!--T:39--> | |||
{{Note|1=The information in a tooltip is fleeting — it depends on you holding the <keycap>Alt</keycap> key down or hovering your mouse. If you want a more permanent place for it, open the <menuchoice>Code Browser</menuchoice> tool view in one of the sub-windows. For example, here the cursor is on the same function as in the example above, and the tool view on the left presents the same kind of information as in the tooltip before:<!--}}--> | |||
<!--T:40--> | |||
[[Image:kdevelop-15.png|thumb|500px|center]] | |||
<!--T:41--> | |||
<!--{{-->Moving the cursor around on the right changes the information presented on the left. What's more, clicking on the <menuchoice>Lock current view</menuchoice> button at the top right allows you to lock this information, making it independent of the cursor movement while you explore the information presented there.}} | |||
<!--T:42--> | |||
{{Note|1=This sort of context information is available in many other places in '''KDevelop''', not just in the source editor. For example, holding down the <keycap>Alt</keycap> key in a completion list (e.g. when doing a quick-open) also yields context information about the current symbol.}} | |||
==== File scope information ==== <!--T:43--> | |||
<!--T:44--> | |||
The next level up is to obtain information about the entire source file you are currently working on. To this end, position the cursor at file scope in the current file and look at the what the '''Code Browser''' tool view shows: | |||
<!--T:45--> | |||
[[Image:kdevelop-16.png|thumb|600px|center]] | |||
<!--T:46--> | |||
Here, it shows a list of namespaces, classes and functions declared or defined in the current file, giving you an overview of what's happening in this file and a means to jump directly to any of these declarations or definitions without scrolling up and down in the file or searching for a particular symbol. | |||
<!--T:47--> | |||
{{Note|1=The information shown for file scope is the same as presented in the "Outline" mode discussed below for navigating source code; the difference is that outline mode is only a temporary tooltip.}} | |||
==== Project and session scope information ==== <!--T:48--> | |||
<!--T:49--> | |||
There are many ways to obtain information about an entire project (or, in fact, about all projects in a session). This sort of information is typically provided through various tool views. For example, the <menuchoice>Classes</menuchoice> tool view provides a tree structure of all classes and surrounding namespaces for all projects in a session, together with the member functions and variables of each of these classes: | |||
<!--T:50--> | |||
[[Image:kdevelop-17.png|thumb|600px|center]] | |||
<!--T:51--> | |||
Hovering over an entry provides again information about the symbol, its location of declaration and definition, and its uses. Double-clicking on an entry in this tree view opens an editor window at the location where the symbol is declared or defined. | |||
<!--T:52--> | |||
But there are other ways of looking at global information. For example, the <menuchoice>Documents</menuchoice> tool provides a view of a project in terms of the kinds of files or other documents this project is comprised of: | |||
<!--T:53--> | |||
[[Image:kdevelop-18.png|thumb|600px|center]] | |||
==== Rainbow color highlighting explained ==== <!--T:178--> | |||
<!--T:179--> | |||
'''KDevelop''' uses a variety of colors to highlight different objects in source code. If you know what the different colors mean, you can very quickly extract a lot of information from source code just by looking at the colors, without reading a single character. The highlighting rules are as follows: | |||
<!--T:180--> | |||
* Objects of type Class / Struct, Enum (the values and the type), (global) functions, and class members each have their own color assigned (classes are green, enums are dark red, and members are dark yellow or violet, (global) functions are always violet). | |||
<!--T:181--> | |||
* All global variables are colored in dark green. | |||
<!--T:182--> | |||
* Identifiers which are typedefs for another type are colored in teal. | |||
<!--T:183--> | |||
* All declarations and definitions of objects are in bold. | |||
<!--T:184--> | |||
* If a member is accessed from within the context where it is defined (base or derived class) it appears in yellow, otherwise it appears in violet. | |||
<!--T:185--> | |||
* If a member is private or protected, it gets colored in a slightly darker color when used. | |||
<!--T:186--> | |||
* For variables local to a function body scope, rainbow colors are picked based on a hash of the identifier. This includes the parameters to the function. An identifier always will have the same color within its scope (but the same identifier will get a different color if it represents a different object, i.e. if it is redefined in a more nested scope), and you will usually get the same color for the same identifier name in different scopes. Thus, if you have multiple functions taking parameters with the same names, the arguments will all look the same color-wise. | |||
<!--T:187--> | |||
* Identifiers for which '''KDevelop''' could not determine the corresponding declaration are colored in white. This can sometimes be caused by missing <code>#include</code> directives. | |||
<!--T:188--> | |||
* In addition to that coloring, the normal editor syntax highlighting will be applied, as known from '''Kate'''. '''KDevelop's''' semantic highlighting will always override the editor highlighting if there is a conflict. | |||
<!--T:189--> | |||
{{Note| Rainbow coloring of local variables can be turned off in <menuchoice>Settings...->Configure KDevelop...->Language Support->Local colorization intensity</menuchoice> by setting the slider control to its minimum value. Similarly colorization of global variables, global functions, classes, structs, enums, and class members can be turned off in <menuchoice>Settings...->Configure KDevelop...->Language Support->Global colorization intensity</menuchoice> }} | |||
</translate><span id="Navigating in source code"></span><translate> | |||
=== Navigating in source code === <!--T:54--> | |||
<!--T:55--> | |||
In the previous section, we have discussed exploring source code, i.e. getting information about symbols, files and projects. The next step is then to jump around your source base, i.e. to navigate in it. There are again various levels at which this is possible: local, within a file, and within a project. | |||
<!--T:56--> | |||
{{Note|1=Many of the ways to navigate through code are accessible from the <menuchoice>Navigate</menuchoice> menu in the '''KDevelop''' main window.}} | |||
==== Local navigation ==== <!--T:57--> | |||
<!--T:58--> | |||
'''KDevelop''' is much more than an editor, but it is ''also'' a source editor. As such, you can of course move the cursor up, down, left or right in a source file. You can also use the <keycap>PageUp</keycap> and <keycap>PageDown</keycap> keys, and all the other commands you are used from any useful editor. | |||
==== File scope navigation and outline mode ==== <!--T:59--> | |||
<!--T:60--> | |||
At the file scope, '''KDevelop''' offers many possible ways to navigate through source code. For example: | |||
<!--T:61--> | |||
* '''Outline''': You can get an outline of what's in the current file in at least three different ways: | |||
** Clicking into the <menuchoice>Outline</menuchoice> textbox at the top right of the main window, or hitting <keycap>Alt + Ctrl + N</keycap> opens a drop-down menu that lists all function and class declarations: [[Image:kdevelop-19.png|thumb|600px|center]] You can then just select which one to jump to, or — if there are a lot — start typing any text that may appear in the names shown; in that case, as you keep typing, the list becomes smaller and smaller as names are removed that don't match the text already typed until you are ready to select one of the choices. | |||
** Positioning the cursor at file scope (i.e. outside any function or class declarations or definitions) and having the <menuchoice>Code Browser</menuchoice> tool open: [[Image:kdevelop-16.png|thumb|600px|center]] This also provides you an outline of what is happening in the current file, and allows you to select where you want to jump to. | |||
** Hovering the mouse over the tab for one of the open files also yields an outline of the file in that tab. | |||
<!--T:62--> | |||
* Source files are organized as a list of function declarations or definitions. Hitting <keycap>Alt + Ctrl + PgUp</keycap> and <keycap>Alt + Ctrl + PgDown</keycap> jumps to the previous or next function definition in this file. | |||
==== Project and session scope navigation: Semantic navigation ==== <!--T:63--> | |||
<!--T:70--> | |||
As mentioned in other places, '''KDevelop''' does not usually consider individual source files but rather looks at projects as a whole (or, rather, at all projects that are part of the current session). As a consequence, it offers many possibilities for navigating through entire projects. Some of these are derived from what we have already discussed in the section on [[Special:myLanguage/KDevelop4/Manual/Working with source code#Exploring source code|Exploring source code]] while others are genuinely different. The common theme is that these navigation features are based on a ''semantic understanding'' of the code, i.e. they offer you something that requires parsing entire projects and connecting data. The following list shows some ways how to navigate through source code that is scattered throughout a potentially very large number of files: | |||
<!--T:65--> | |||
* As seen in the section on [[Special:myLanguage/KDevelop4/Manual/Working with source code#Exploring source code|Exploring source code]], you can get a tooltip explaining individual namespace, class, function or variable names by hovering your mouse over it or keeping the <keycap>Alt</keycap> key pressed for a while. Here is an example: [[Image:kdevelop-14.png|thumb|500px|center]] Clicking on the links for the declaration of a symbol or expanding the list of uses allows you to jump to these locations, if necessary opening the respective file and placing the cursor at the corresponding location. A similar effect can be achieved by using the '''Code Browser''' tool view also discussed previously. | |||
<!--T:66--> | |||
* '''Quick open''': A very powerful way of jumping to other files or locations is to use the various ''quick open'' methods in '''KDevelop'''. There are four versions of these: | |||
** '''Quick open class''' (<menuchoice>Navigate -> Quick open class</menuchoice> or <keycap>Alt + Ctrl + C</keycap>): You will get a list of all classes in this session. Start typing (a part of) the name of a class and the list will continue to whittle down to only those that actually match what you've typed so far. If the list is short enough, select an element using the up and down keys and '''KDevelop''' will get you to the place where the class is declared. | |||
** '''Quick open function''' (<menuchoice>Navigate -> Quick open function</menuchoice> or <keycap>Alt + Ctrl + M</keycap>): You will get a list of all (member) functions that are part of the projects in the current session, and you can select from it in the same way as above. Note that this list may include both function declarations and definitions. | |||
** '''Quick open file''' (<menuchoice>Navigate -> Quick open file</menuchoice> or <keycap>Alt + Ctrl + O</keycap>): You will get a list of all files that are part of the projects in the current session, and you can select from it in the same way as above. | |||
** '''Universal quick open''' (<menuchoice>Navigate -> Quick open</menuchoice> or <keycap>Alt + Ctrl + Q</keycap>): If you forget which key combination is bound to which of the above commands, this is the universal swiss army knife — it simply presents you with a combined list of all files, functions, classes, and other things from which you can select. | |||
<!--T:67--> | |||
* '''Jump to declaration/definition''': When implementing a (member) function, one often needs to switch back to the point where a function is declared, for example to keep the list of function arguments synchronised between declaration and definition, or to update the documentation. To do so, place the cursor onto the function name and select <menuchoice>Navigation -> Jump to declaration</menuchoice> (or hit <keycap>Ctrl + .</keycap>) to get to the place where the function is declared. There are multiple ways to get back to the original place: | |||
** Selecting <menuchoice>Navigation -> Jump to definition</menuchoice> (or hitting <keycap>Ctrl + ,</keycap>). | |||
** Selecting <menuchoice>Navigation -> Previous visited context</menuchoice> (or hit <keycap>Meta + Left</keycap>), as described below. | |||
<!--T:78--> | |||
{{Note|1=Jumping to the declaration of a symbol is something that does not only work when placing the cursor on the name of the function you are currently implementing. Rather, it also works for other symbols: Putting the cursor on a (local, global, or member) variable and jumping to its declaration also transports you to its location of declaration. Similarly, you can place the cursor on the name of a class, for example in a variable of function declaration, and jump to the location of its declaration.}} | |||
<!--T:79--> | |||
* '''Switch between declaration/definition''': In the example above, to jump to the site of the declaration of the current function, you need to first place the cursor on the function name. To avoid this step, you can select <menuchoice>Navigation -> Switch definition/declaration</menuchoice> (or hit <keycap>Shift + Ctrl + C</keycap>) to jump to the declaration of the function within which the cursor currently is. Selecting the same menu entry a second time transports you back to the place where the function is defined. | |||
<!--T:68--> | |||
* '''Previous/Next use''': Placing the cursor on the name of a local variable and selecting <menuchoice>Navigation -> Next use</menuchoice> (or hitting <keycap>Meta + Shift + Right</keycap>) transports you to the next use of this variable in the code. (Note that this doesn't just search for the next occurrence of the variable name but in fact takes into account that variables with the same name but in different scopes are different.) The same works for the use of function names. Selecting <menuchoice>Navigation -> Previous use</menuchoice> (or hitting <keycap>Meta + Shift + Left</keycap>) transports you to the previous use of a symbol. | |||
<!--T:80--> | |||
{{Note|1=To see the list of all uses of a name through which these commands cycle, place the cursor onto it and open the <menuchoice>Code Browser</menuchoice> tool view or press and hold the <keycap>Alt</keycap> button. This is explained in more detail in the section on [[Special:myLanguage/KDevelop4/Manual/Working_with_source_code#File_scope_information|Exploring code]].}} | |||
<!--T:190--> | |||
{{Note|Some shortcuts might be used already by your window manager (e.g. <keycap>Meta + Left</keycap> is used by LXDE/Openbox); you can either change the key combination for the shortcut in kdevelop <menuchoice>Settings...->Configure Shortcuts</menuchoice> or in the window manager config (e.g. .config/openbox/lubuntu-rc.xml)}} | |||
<!--T:69--> | |||
* The '''context list''': Web browsers have this feature where you can go backward and forward in the list of most recently visited web pages. '''KDevelop''' has the same kind of features, except that instead of web pages you visit ''contexts''. A context is the current location of the cursor, and you change it by navigating away from it using anything but cursor commands — for example, by clicking on a location provided by a tooltip, in the <menuchoice>Code Browser</menuchoice> tool view, one of the options given in the <menuchoice>Navigation</menuchoice> menu, or any other navigation command. Using the <menuchoice>Navigation -> Previous Visited Context</menuchoice> (<keycap>Meta + Left</keycap>) and <menuchoice>Navigation -> Next Visited Context</menuchoice> (<keycap>Meta + Right</keycap>) transports you along this list of visited contexts just like the <menuchoice>back</menuchoice> and <menuchoice>forward</menuchoice> buttons of a browser transports you to the previous or next webpage in the list of visited pages. | |||
<!--T:71--> | |||
* Finally, there are tool views that allow you to navigate to different places in your code base. For example, the '''Classes''' tool provides you with a list of all namespaces and classes in all projects of the current session, and allows you to expand it to see member functions and variables of each of these classes: [[Image:kdevelop-17.png|thumb|500px|center]] Double-clicking on an item (or going through the context menu using the right mouse button) allows you to jump to the location of the declaration of the item. Other tools allow similar things; for example, the <menuchoice>Projects</menuchoice> tool view provides a list of files that are part of a session: [[Image:kdevelop-13.png|thumb|500px|center]] Again, double-clicking on a file opens it. | |||
</translate><span id="Writing source code"></span><translate> | |||
=== Writing source code === <!--T:81--> | |||
<!--T:82--> | |||
Because '''KDevelop''' understands your projects' source code, it can assist in writing more code. The following outlines some of the ways in which it does that. | |||
==== Auto-completion ==== <!--T:83--> | |||
<!--T:84--> | |||
Probably the most useful of all features in writing new code is auto-completion. Consider, for example, the following piece of code: | |||
<!--T:85--> | |||
<!--}}-->{{Input|<syntaxhighlight lang="cpp"> | |||
class Car { | |||
// ... | |||
public: | |||
std::string get_color () const; | |||
}; | |||
<!--T:169--> | |||
void foo() | |||
{ | |||
Car my_ride; | |||
// ...do something with this variable... | |||
std::string color = my_ride.ge | |||
</syntaxhighlight>}}<!--{--> | |||
<!--T:87--> | |||
In the last line, '''KDevelop''' will remember that the variable <code>my_ride</code> is of type <code>Car</code>, and will automatically offer to complete the name of the member function <code>ge</code> as <code>get_color</code>. In fact, all you have to do is to keep typing until the auto-completion feature has reduced the number of matches to one, and then hit the <keycap>Enter</keycap> key: | |||
<!--T:88--> | |||
[[Image:kdevelop-42.png|thumb|500px|center]] | |||
<!--T:170--> | |||
Note that you can click on the tool-tip to get more information about the function apart from its return type and whether it is public: | |||
<!--T:171--> | |||
[[Image:kdevelop-43.png|thumb|500px|center]] | |||
<!--T:89--> | |||
Auto-completion can save you a lot of typing if your project uses long variable and function names; furthermore, it avoids mis-spelling names (and the resulting compiler errors) and it makes it much simpler to remember the exact names of functions; for example, if all of your getters start with <code>get_</code>, then the auto-completion feature will be able to only present you a list of possible getters when you have typed the first four letters, likely reminding you in the process which of the functions is the correct one. Note that for auto-completion to work, neither the declaration of the <code>Car</code> class nor of the <code>my_ride</code> variable need to be in the same file as where you are currently writing code. '''KDevelop''' simply has to know that these classes and variables are connected, i.e. the files in which these connections are made need to be part of the project you are currently working on. | |||
<!--T:90--> | |||
{{Note|1='''KDevelop''' doesn't always know when to assist you in completing code. If the auto-completion tooltip doesn't automatically open, hit <keycap>Ctrl + Space</keycap> to open a list of completions manually. In general, in order for auto-completion to work, '''KDevelop''' needs to parse your source files. This happens in the background for all files that are part of the projects of the current session after you start '''KDevelop''', as well as while after you stop typing for a fraction of a second (the delay can be configured).}} | |||
<!--T:172--> | |||
{{Note|1='''KDevelop''' only parses files that it considers source code, as determined by the MIME-type of the file. This type isn't set before the first time a file is saved; consequently, creating a new file and starting to write code in it will not trigger parsing for auto-completion until after it is saved for the first time.}} | |||
<!--T:177--> | |||
{{Note|1=As in the previous note, for auto-completion to work, '''KDevelop''' must be able to find declarations in header files. For this, it searches in a number of default paths. If it doesn't automatically find a header file, it will underline the name of a header file in red; in that case, right click on it to tell '''KDevelop''' explicitly where to find these files and the information they provide.}} | |||
<!--T:173--> | |||
{{Note|1=Configuring auto-completion is discussed in [[KDevelop4/Manual/Customizing_KDevelop#Customizing_code_auto-completion|this section of this manual]].}} | |||
==== Adding new classes and implementing member functions ==== <!--T:91--> | |||
<!--T:92--> | |||
'''KDevelop''' has an assistant for adding new classes. The procedure is described in [[Special:myLanguage/KDevelop4/Manual/Code generation with templates#Creating a new class|Creating a new class]]. A simple C++ class can be created by choosing the Basic C++ template from the <tt>Class</tt> category. In the assistant, we can choose some predefined member functions, for example an empty constructor, a copy constructor and a destructor. | |||
<!--T:98--> | |||
After completing the assistant, the new files are created and opened in the editor. The header file already has include guards and the new class has all the member functions we selected. The next two steps would be to document the class and its member functions and to implement them. We will discuss aids for documenting classes and functions below. To implement the special functions already added, simply go to the <menuchoice>bus.cpp</menuchoice> tab where the skeleton of functions are already provided: | |||
<!--T:99--> | |||
[[Image:kdevelop-30.png|thumb|500px|center]] | |||
<!--T:100--> | |||
To add new member functions, go back to the <menuchoice>bus.h</menuchoice> tab and add the name of a function. For example, let us add this: | |||
<!--T:101--> | |||
[[Image:kdevelop-31.png|thumb|500px|center]] | |||
<!--T:102--> | |||
Note how I have already started with the implementation. However, in many coding styles, the function shouldn't be implemented in the header file but rather in the corresponding .cpp file. To this end, locate the cursor on the name of the function and select <menuchoice>Code -> Move to source</menuchoice> or hit <keycap>Ctrl + Alt + S</keycap>. This remove the code between curly braces from the header file (and replaces it by a semicolon as necessary to terminate the function declaration) and moves it into the source file: | |||
<!--T:103--> | |||
[[Image:kdevelop-32.png|thumb|500px|center]] | |||
<!--T:104--> | |||
Note how I have just started typing and that I meant to imply that the <code>students</code> variable should probably be a member variable of class <code>Bus</code> but that I haven't yet added it. Note also how '''KDevelop''' underlines it to make clear that it doesn't know anything about the variable. But this problem can be solved: Clicking on the variable name yields the following tooltip: | |||
<!--T:105--> | |||
[[Image:kdevelop-33.png|thumb|500px|center]] | |||
<!--T:106--> | |||
(The same can be achieved by right clicking on it and selecting <menuchoice>Solve: Declare As</menuchoice>.) Let me select "3 - private unsigned int" (either by mouse, or by hitting <keycap>Alt + 3</keycap>) and then see how it comes out in the header file: | |||
<!--T:107--> | |||
[[Image:kdevelop-34.png|thumb|500px|center]] | |||
<!--T:108--> | |||
It is worth noting that '''KDevelop''' extracts the type of the variable to be declared from the expression used to initialize it. For example, if we had written the addition in the following rather dubious way, it would had suggested to declare the variable as type <code>double</code>: | |||
<!--T:109--> | |||
[[Image:kdevelop-35.png|thumb|500px|center]] | |||
<!--T:110--> | |||
As a final point: The method using <menuchoice>Code -> Move to source</menuchoice> does not always insert the new member function where you may want it. For example, you may want it to be marked as <code>inline</code> and place it at the bottom of the header file. In a case like this, write the declaration and the start writing the definition of the function like this: | |||
<!--T:111--> | |||
[[Image:kdevelop-36.png|thumb|500px|center]] | |||
<!--T:112--> | |||
'''KDevelop''' automatically offers all possible completions of what might come here. Selecting one of the two <code>add_students</code> entries yields the following code that already fills in the complete argument list: | |||
<!--T:113--> | |||
[[Image:kdevelop-37.png|thumb|500px|center]] | |||
==== Documenting declarations ==== <!--T:116--> | |||
<!--T:117--> | |||
Good code is well documented, both at the level of the implementation of algorithms within functions, as well as at the level of the interface — i.e., classes, (member and global) functions, and (member or global) variables need to be documented to explain their intent, possible values of arguments, pre- and postconditions, etc. As far as documenting the interface is concerned, [http://www.doxygen.org doxygen] has become the de facto standard for formatting comments that can then be extracted and displayed on searchable webpages. | |||
<!--T:118--> | |||
'''KDevelop''' supports this style of comments by providing a short cut to generate the framework of comments that document a class or member function. For example, assume you have already written this code: | |||
<!--T:119--> | |||
{{Input|<syntaxhighlight lang="cpp"> | |||
class Car { | |||
public: | |||
std::string get_color () const; | |||
}; | |||
</syntaxhighlight>}} | |||
<!--T:120--> | |||
You now want to add documentation to both the class and the member function. To this end, move the cursor onto the first line and select <menuchoice>Code -> Document Declaration</menuchoice> or hit <keycap>Alt + Shift + D</keycap>. '''KDevelop''' will respond with the following: | |||
<!--T:121--> | |||
[[Image:kdevelop-23.png|thumb|550px|center]] | |||
<!--T:122--> | |||
The cursor is already in the grayed out area for you to fill in the short description (after the doxygen keyword <code>@brief</code>) of this class. You can then continue to add documentation to this comment that gives a more detailed overview of what the class does: | |||
<!--T:123--> | |||
[[Image:kdevelop-24.png|thumb|550px|center]] | |||
<!--T:124--> | |||
While the editor is inside the comment, the comment text is highlighted in green (the highlighting disappears once you move the cursor out of the comment). When you get to the end of a line, hit <keycap>Enter</keycap> and '''KDevelop''' will automatically start a new line that starts with an asterisk and place the cursor one character indented. | |||
<!--T:125--> | |||
Now let's document the member function, again by putting the cursor on the line of the declaration and selecting <menuchoice>Code -> Document Declaration</menuchoice> or hitting <keycap>Alt + Shift + D</keycap>: | |||
<!--T:126--> | |||
[[Image:kdevelop-25.png|thumb|550px|center]] | |||
<!--T:127--> | |||
Again, '''KDevelop''' automatically generates the skeleton of a comment, including documentation for the function itself, as well as its return type. In the current case, the name of the function is pretty much self-explanatory, but oftentimes function arguments may not be and should be documented individually. To illustrate this, let's consider a slightly more interesting function and the comment '''KDevelop''' automatically generates: | |||
<!--T:128--> | |||
[[Image:kdevelop-26.png|thumb|550px|center]] | |||
<!--T:129--> | |||
Here, the suggested comment already contains all the Doxygen fields for the individual parameters, for example. | |||
==== Renaming variables, functions and classes ==== <!--T:130--> | |||
<!--T:131--> | |||
Sometimes, one wants to rename a function, class or variable. For example, let's say we already have this: | |||
<!--T:132--> | |||
[[Image:kdevelop-38.png|thumb|550px|center]] | |||
<!--T:133--> | |||
We then realize that we're unhappy with the name <code>remove_students</code> and would have rather called it, say, <code>throw_out_students</code>. We could do a search-replace for the name, but this has two drawbacks: | |||
<!--T:174--> | |||
* The function may be used in more than one file. | |||
<!--T:175--> | |||
* We really only want to rename this function and not touch functions that may have the same name but are declared in other classes or namespaces. | |||
<!--T:134--> | |||
Both these problems can be solved by moving the cursor on any of the occurrences of the name of the function and selecting <menuchoice>Code -> Rename declaration</menuchoice> (or right clicking on the name and selecting <menuchoice>Rename Bus::remove_students</menuchoice>). This brings up a dialog box where you can enter the new name of the function and where you can also see all the places where the function is actually used: | |||
<!--T:135--> | |||
[[Image:kdevelop-39.png|thumb|550px|center]] | |||
==== Code snippets ==== <!--T:136--> | |||
<!--T:137--> | |||
Most projects have pieces of code that one frequently has to write in source code. Examples are: for compiler writers, a loop over all instructions; for user interface writers, checks that user input is valid and if not to open an error box; in the project of the author of these lines, it would be code of the kind | |||
<!--T:176--> | |||
{{Input|<syntaxhighlight lang="cpp"> | |||
for (typename Triangulation<dim,spacedim>::active_cell_iterator | |||
cell = triangulation.begin_active(); | |||
cell != triangulation.end(); ++cell) | |||
... do something with the cell ... | |||
</syntaxhighlight>}} | |||
<!--T:138--> | |||
Rather than typing this kind of text over and over again (with all the concomitant typos one introduces), the <menuchoice>Snippets</menuchoice> tool of '''KDevelop''' can help here. To this end, open the tool view (see [[Special:myLanguage/KDevelop4/Manual/Working with source code#Tools and views|Tools and views]] if the corresponding button isn't already on the perimeter of your window). Or, go to <menuchoice>Window -> Tool views</menuchoice> in the top menubar, and turn on <menuchoice>Snippets</menuchoice>. Then click on the <menuchoice>Add repository</menuchoice>button (a slight misnomer — it allows you to create a named collection of snippets for source codes of a particular kind, e.g. C++ sources) and create an empty repository. Then click {{Plus}} to add a snippet, to get a dialog like the following: | |||
<!--T:139--> | |||
[[Image:kdevelop-40.png|thumb|500px|center]] | |||
<!--T:140--> | |||
{{Note|1=The name of a snippet may not have spaces or other special characters because it must look like a normal function or variable name (for reasons that will become clear in the next paragraph). If the name of the snippet does contain spaces, the <menuchoice>OK</menuchoice> button will become inactive without any further explanation. This has been fixed in recent versions of KDevelop (see [https://bugs.kde.org/show_bug.cgi?id=274299 KDevelop bug 274299]).}} | |||
<!--T:141--> | |||
To use a snippet so defined, when you are editing code, you can just type the name of the snippet like you would any other function or variable name. This name will become available for auto-completion — which means that there is no harm in using a long and descriptive name for a snippet such as the one above — and when you accept the suggestion of the auto-completion tooltip (for example by just hitting <keycap>Enter</keycap>), the already entered part of the snippets' name will be replaced by the full expansion of the snippet and will be properly indented: | |||
<!--T:142--> | |||
[[Image:kdevelop-41.png|thumb|500px|center]] | |||
<!--T:143--> | |||
Note that for this to work, the <menuchoice>Snippets</menuchoice> tool view need not be open or visible: you only ever need the tool view to define new snippets. An alternative, if less convenient, way to expand a snippet is to simply click on it in the respective tool view. | |||
<!--T:144--> | |||
{{Note|1=Snippets are much more powerful than just explained. For a full description of what you can do with them, see the [[Special:myLanguage/KDevelop4/Manual/Tool_list/Snippets|detailed documentation of the Snippets tool]].}} | |||
</translate><span id="Modes and working sets"></span><translate> | </translate><span id="Modes and working sets"></span><translate> | ||
=== Modes and working sets === | === Modes and working sets === <!--T:12--> | ||
[[Image:kdevelop4_noworkingset.png|thumb|300px| | <!--T:13--> | ||
[[Image:kdevelop4_noworkingset.png|thumb|300px|center]] | |||
<!--T:14--> | |||
If you've gotten this far, take a look at the upper right of the '''KDevelop''' main window: As shown in the picture, you will see that there are three '''modes''' '''KDevelop''' can be in: <menuchoice>Code</menuchoice> (the mode we discuss in the current chapter on working with source code), <menuchoice>Debug</menuchoice> (see [[Special:myLanguage/KDevelop4/Manual/Debugging programs|Debugging programs]]) and <menuchoice>Review</menuchoice> (see [[Special:myLanguage/KDevelop4/Manual/Working with version control systems|Working with version control systems]]). | If you've gotten this far, take a look at the upper right of the '''KDevelop''' main window: As shown in the picture, you will see that there are three '''modes''' '''KDevelop''' can be in: <menuchoice>Code</menuchoice> (the mode we discuss in the current chapter on working with source code), <menuchoice>Debug</menuchoice> (see [[Special:myLanguage/KDevelop4/Manual/Debugging programs|Debugging programs]]) and <menuchoice>Review</menuchoice> (see [[Special:myLanguage/KDevelop4/Manual/Working with version control systems|Working with version control systems]]). | ||
[[ | <!--T:15--> | ||
Each mode has its own set of tools that are stacked around the perimeter, and each mode also has a | [[Image:kdevelop4_sessionsprojectsworkingsets.png|thumb|250px|center]] | ||
<!--T:16--> | |||
Each mode has its own set of tools that are stacked around the perimeter, and each mode also has a ''working set'' of currently open files and documents. Furthermore, each such working set is associated with a current session, i.e. we have the relationship shown above. Note that the files in the working set come from the same session, but they may come from different projects that are part of the same session. | |||
<!--T:17--> | |||
If you open '''KDevelop''' the first time, the working set is empty — there are no open files. But as you open files for editing (or debugging, or reviewing in the other modes) your working set grows. The fact that your working set is non-empty is indicated by a symbol in the tab, as shown below. You will notice that whenever you close '''KDevelop''' and later start it again, the working set is saved and restored, i.e. you get the same set of open files. | |||
<!--T:18--> | |||
[[Image:kdevelop-10.png|thumb|300px|center]] | |||
If you | <!--T:19--> | ||
If you hover your mouse over the symbol for the working set, you get a tooltip that shows you which files are currently open in this working set (here: the <code>step-32.cc</code> and <code>step-1.cc</code> files). Clicking on the red minus sign closes the tab for the corresponding file. Maybe more importantly, clicking on the correspondingly named button allows you to '''close''' the entire working set at once (i.e. to close all currently open files). The point about closing a working set, however, is that it doesn't just close all files, it actually saves the working set and opens a new, still empty one. You can see this here: | |||
[[Image: | <!--T:26--> | ||
[[Image:kdevelop-11.png|thumb|300px|center]] | |||
If you hover your mouse over the symbol | <!--T:27--> | ||
Note the two symbols to the left of the three mode tabs (the heart and the unidentifiable symbol to its left). Each of these two symbols represents a saved working set, in addition to the currently open working set. If you hover your mouse over the heart symbol, you'll get something like this: | |||
<!--T:28--> | |||
[[Image:kdevelop-12.png|thumb|600px|center]] | |||
<!--T:29--> | |||
It shows you that the corresponding working set contains two files and their corresponding project names: <code>Makefile</code> and <code>changes.h</code>. Clicking <menuchoice>Load</menuchoice> will close and save the current working set (which as shown here has the files <code>tria.h</code> and <code>tria.cc</code> open) and instead open the selected working set. You can also permanently delete a working set, which removes it from the set of saved working sets. | |||
</translate><span id="Some useful keyboard shortcuts"></span><translate> | </translate><span id="Some useful keyboard shortcuts"></span><translate> | ||
=== Some useful keyboard shortcuts === | === Some useful keyboard shortcuts === <!--T:20--> | ||
<!--T:21--> | |||
'''KDevelop's''' editor follows the standard keyboard shortcuts for all usual editing operations. However, it also supports a number of more advanced operations when editing source code, some of which are bound to particular key combinations. The following are frequently particularly helpful: | '''KDevelop's''' editor follows the standard keyboard shortcuts for all usual editing operations. However, it also supports a number of more advanced operations when editing source code, some of which are bound to particular key combinations. The following are frequently particularly helpful: | ||
</translate> | |||
{| border="1" cellspacing="0" | {| border="1" cellspacing="0" | ||
!colspan="2" style="background-color:#ffff99;" | Jumping around in code | !colspan="2" style="background-color:#ffff99;" |<translate> <!--T:145--> | ||
Jumping around in code | |||
|- | |- | ||
| | |||
<!--T:146--> | |||
| <keycap>Ctrl+Alt+O</keycap> | |||
| Quick open file: enter part of a filename and select among all the files in the current session's projects' directory trees that match the string; the file will then be opened | | Quick open file: enter part of a filename and select among all the files in the current session's projects' directory trees that match the string; the file will then be opened | ||
|- | |- | ||
| | |||
<!--T:147--> | |||
| <keycap>Ctrl+Alt+C</keycap> | |||
| Quick open class: enter part of a class name and select among all class names that match; the cursor will then jump to the class declaration | | Quick open class: enter part of a class name and select among all class names that match; the cursor will then jump to the class declaration | ||
|- | |- | ||
| | |||
<!--T:148--> | |||
| <keycap>Ctrl+Alt+M</keycap> | |||
| Quick open function: enter part of a (member) function name and select among all names that match; note that the list shows both declarations and definitions and the cursor will then jump to the selected item | | Quick open function: enter part of a (member) function name and select among all names that match; note that the list shows both declarations and definitions and the cursor will then jump to the selected item | ||
|- | |- | ||
| | |||
<!--T:149--> | |||
| <keycap>Ctrl+Alt+Q</keycap> | |||
| Universal quick open: type anything (file name, class name, function name) and get a list of anything that matches to select from | | Universal quick open: type anything (file name, class name, function name) and get a list of anything that matches to select from | ||
|- | |- | ||
| <keycap>Ctrl+Alt+N</keycap> | |||
|Outline: Provide a list of all things that are happening in this file, e.g. class declarations and function definitions | <!--T:150--> | ||
| <keycap>Ctrl+Alt+N</keycap> | |||
| Outline: Provide a list of all things that are happening in this file, e.g. class declarations and function definitions | |||
|- | |- | ||
| <keycap>Ctrl+,</keycap> | |||
|Jump to definition of a function if the cursor is currently on a function declaration | <!--T:151--> | ||
| <keycap>Ctrl+,</keycap> | |||
| Jump to definition of a function if the cursor is currently on a function declaration | |||
|- | |- | ||
| <keycap>Ctrl+.</keycap> | |||
|Jump to declaration of a function or variable if the cursor is currently in a function definition | <!--T:152--> | ||
| <keycap>Ctrl+.</keycap> | |||
| Jump to declaration of a function or variable if the cursor is currently in a function definition | |||
|- | |- | ||
| <keycap>Ctrl+Alt+PageDown</keycap> | |||
|Jump to next function | <!--T:153--> | ||
| <keycap>Ctrl+Alt+PageDown</keycap> | |||
| Jump to next function | |||
|- | |- | ||
| <keycap>Ctrl+Alt+PageUp</keycap> | |||
|Jump to previous function | <!--T:154--> | ||
| <keycap>Ctrl+Alt+PageUp</keycap> | |||
| Jump to previous function | |||
|- | |- | ||
| <keycap>Ctrl+G</keycap> | |||
|Goto line | <!--T:155--> | ||
| <keycap>Ctrl+G</keycap> | |||
| Goto line | |||
</translate> | |||
|- | |- | ||
!colspan="2" style="background-color:#ffff99;" | Searching and replacing | !colspan="2" style="background-color:#ffff99;" |<translate> <!--T:156--> | ||
Searching and replacing | |||
|- | |- | ||
| <keycap>Ctrl+F</keycap> | |||
|Find | <!--T:157--> | ||
| <keycap>Ctrl+F</keycap> | |||
| Find | |||
|- | |- | ||
| <keycap>F3</keycap> | |||
|Find next | <!--T:158--> | ||
| <keycap>F3</keycap> | |||
| Find next | |||
|- | |- | ||
| <keycap>Ctrl+R</keycap> | |||
|Replace | <!--T:159--> | ||
| <keycap>Ctrl+R</keycap> | |||
| Replace | |||
|- | |- | ||
| <keycap>Ctrl+Alt+F</keycap> | |||
|Find-Replace in multiple files | <!--T:160--> | ||
| <keycap>Ctrl+Alt+F</keycap> | |||
| Find-Replace in multiple files | |||
|- | |- | ||
!colspan="2" style="background-color:#ffff99;" | Other things | |||
</translate> | |||
!colspan="2" style="background-color:#ffff99;" |<translate> <!--T:161--> | |||
Other things | |||
|- | |- | ||
| <keycap>Ctrl+_</keycap> | |||
|Collapse one level: remove this block from view, for example if you want to focus on the bigger picture within a function | <!--T:162--> | ||
| <keycap>Ctrl+_</keycap> | |||
| Collapse one level: remove this block from view, for example if you want to focus on the bigger picture within a function | |||
|- | |- | ||
| <keycap>Ctrl++</keycap> | |||
|Expand one level: undo the collapsing | <!--T:163--> | ||
| <keycap>Ctrl++</keycap> | |||
| Expand one level: undo the collapsing | |||
|- | |- | ||
| <keycap>Ctrl+D</keycap> | |||
|Comment out selected text or current line | <!--T:164--> | ||
| <keycap>Ctrl+D</keycap> | |||
| Comment out selected text or current line | |||
|- | |- | ||
| <keycap>Ctrl+Shift+D</keycap> | |||
|Comment in selected text or current line | <!--T:165--> | ||
| <keycap>Ctrl+Shift+D</keycap> | |||
| Comment in selected text or current line | |||
|- | |- | ||
| <keycap>Alt+Shift+D</keycap> | |||
|Document the current function. If the cursor is on a function or class declaration then hitting this key will create a doxygen-style comment pre-populated with a listing of all parameters, return values, etc. | <!--T:166--> | ||
| <keycap>Alt+Shift+D</keycap> | |||
| Document the current function. If the cursor is on a function or class declaration then hitting this key will create a doxygen-style comment pre-populated with a listing of all parameters, return values, etc. | |||
|- | |- | ||
| <keycap>Ctrl+T</keycap> | |||
|Transpose the current and the previous character | <!--T:167--> | ||
| <keycap>Ctrl+T</keycap> | |||
| Transpose the current and the previous character | |||
|- | |- | ||
<!--T:168--> | |||
| <keycap>Ctrl+K</keycap> | |||
| Delete the current line (note: this is not just emacs' "delete from here to the end of the line") | |||
<!--{-->|} | |||
<!--T:23--> | |||
{{Prevnext2 | {{Prevnext2 | ||
| prevpage=Special:MyLanguage/KDevelop4/Manual/Sessions_and_projects | nextpage=Special:MyLanguage/KDevelop4/Manual/ | | prevpage=Special:MyLanguage/KDevelop4/Manual/Sessions_and_projects | nextpage=Special:MyLanguage/KDevelop4/Manual/Code_generation_with_templates | ||
| prevtext=Sessions and projects | nexttext= | | prevtext=Sessions and projects | nexttext=Code generation with templates | ||
| index=Special:MyLanguage/KDevelop4/Manual | indextext=Back to menu | | index=Special:MyLanguage/KDevelop4/Manual | indextext=Back to menu | ||
}} | }} | ||
<!--T:24--> | |||
[[Category:Development]] | [[Category:Development]] | ||
</translate> | </translate> |
Latest revision as of 12:51, 14 July 2018
Working with source code
Besides debugging, reading through and writing source code is what you will spend the most time with when developing software. To this end, KDevelop offers you many many different ways to explore source codes and to make writing it more productive. As discussed in more detail in the following sections, KDevelop is not just a source editor — rather, it is a source management system that gives you different views of extracted information on the files that collectively make up your session's source code.
Tools and views
In order to work with projects, KDevelop has the concept of tools. A tool provides a particular view of the source, or an action that can be taken with it. Tools are represented by buttons around the perimeter of your window (in vertical text along the left and right margins, or horizontally along the bottom margin). If you click on them, they expand to a subwindow — a view — within the main window; if you click on the tool button again, the subwindow disappears again.
The picture above shows a particular selection of tools, aligned on the left and right margins; in the picture, the tool is open on the left and the tool on the right, along with an editor for a source file in the middle. In practice, most of the time you will probably only have the editor and maybe the or tool open at the left. Other tool view will likely only be open temporarily as you use the tool, leaving more space for the editor most of the time.
When you run KDevelop the first time, you should already have the
tool button. Click on it: it will open a subwindow that shows the projects you have added to the session at the bottom, and a file system view of the directories of your projects at the top.There are many other tools you can use with KDevelop, not all of which are initially present as buttons on the perimeter. To add some, go to the menu entry. Here are some that you will likely find useful:
- Classes: A complete list of all classes that are defined in one of the projects or your session with all of their member functions and variables. Clicking on any of the members opens a source editor window at the location of the item you clicked on.
- Documents: Lists some of the more recently visited files, by kind (e.g. source files, patch files, plain text documents).
- Code Browser: Depending on your cursor position in a file, this tool shows things that are related. For example, if you are on an
#include
line, it shows information about the file you are including such as what classes are declared in that file; if you are on an empty line at file scope, it shows the classes and functions declared and defined in the current file (all as links: clicking on them brings you to the point in the file where the declaration or definition actually is); if you are in a function definition, it shows where the declaration is and offers a list of places where the function is used.
- File system: Shows you a tree view of the file system.
- Documentation: Allows you to search for man pages and other help documents.
- Snippets: This provides sequences of text that one uses over an over and doesn't want to write every time. For example, in the project from which the picture above was created, there is a frequent need to write code like
for (typename Triangulation< dim>::active_cell_iterator cell = triangulation.begin_active(); cell != triangulation.end(); ++cell)
This is an awkward expression but it will look almost exactly like this everytime you need such a loop — which would make it a good candidate for a snippet.
- Konsole: Opens a command line window inside KDevelop's main window, for the occasional command you may want to enter (e.g. to run
./configure
).
For many programmers, vertical screen space is the most important. To this end, you can arrange your tool views at the left and right margin of the window: to move a tool, click on its symbol with the right mouse button and select a new position for it.
Exploring source code
Local information
KDevelop understands source code, and as a consequence it is really good at providing you information about variables or functions that may appear in your program. For example, here is a snapshot of working with a piece of code and hovering the mouse over the symbol cell
in line 1316 (if you are working keyboard oriented, you can achieve the same effect by holding down the Alt key for a while):
KDevelop shows me a tooltip that includes the type of the variable (here: DoFHandler<dim>active_cell_iterator
), where this variable is declared (the container, which here is the surrounding function get_maximal_velocity
since it is a local variable), what it is (a variable, not a function, class or namespace) and where it is declared (in line 1314, just a few lines up in the code).
In the current context, the symbol over which the mouse was hovering has no associated documentation. In this example, had the mouse hovered over the symbol get_this_mpi_process
in line 1318, the outcome would have been this:
Here, KDevelop has cross-referenced the declaration from an entirely different file (utilities.h
, which in fact even resides in a different project of the same session) together with the doxygen-style comment that accompanies the declaration there.
What makes these tooltips even more useful is that they are dynamic: I can click on the container to get information about the context in which the variable is declared (i.e. about the namespace System
, such as where it is declared, defined, used, or what its documentation is) and I can click on the blue links that will reset the cursor position to the location of the declaration of the Symbol (e.g. in utilities.h
, line 289) or give me a list of places where this symbol is used in the current file or throughout all the projects of the current session. The latter is often useful if you want to explore how, for example, a particular function is used in a large code basis.
File scope information
The next level up is to obtain information about the entire source file you are currently working on. To this end, position the cursor at file scope in the current file and look at the what the Code Browser tool view shows:
Here, it shows a list of namespaces, classes and functions declared or defined in the current file, giving you an overview of what's happening in this file and a means to jump directly to any of these declarations or definitions without scrolling up and down in the file or searching for a particular symbol.
Project and session scope information
There are many ways to obtain information about an entire project (or, in fact, about all projects in a session). This sort of information is typically provided through various tool views. For example, the
tool view provides a tree structure of all classes and surrounding namespaces for all projects in a session, together with the member functions and variables of each of these classes:Hovering over an entry provides again information about the symbol, its location of declaration and definition, and its uses. Double-clicking on an entry in this tree view opens an editor window at the location where the symbol is declared or defined.
But there are other ways of looking at global information. For example, the
tool provides a view of a project in terms of the kinds of files or other documents this project is comprised of:Rainbow color highlighting explained
KDevelop uses a variety of colors to highlight different objects in source code. If you know what the different colors mean, you can very quickly extract a lot of information from source code just by looking at the colors, without reading a single character. The highlighting rules are as follows:
- Objects of type Class / Struct, Enum (the values and the type), (global) functions, and class members each have their own color assigned (classes are green, enums are dark red, and members are dark yellow or violet, (global) functions are always violet).
- All global variables are colored in dark green.
- Identifiers which are typedefs for another type are colored in teal.
- All declarations and definitions of objects are in bold.
- If a member is accessed from within the context where it is defined (base or derived class) it appears in yellow, otherwise it appears in violet.
- If a member is private or protected, it gets colored in a slightly darker color when used.
- For variables local to a function body scope, rainbow colors are picked based on a hash of the identifier. This includes the parameters to the function. An identifier always will have the same color within its scope (but the same identifier will get a different color if it represents a different object, i.e. if it is redefined in a more nested scope), and you will usually get the same color for the same identifier name in different scopes. Thus, if you have multiple functions taking parameters with the same names, the arguments will all look the same color-wise.
- Identifiers for which KDevelop could not determine the corresponding declaration are colored in white. This can sometimes be caused by missing
#include
directives.
- In addition to that coloring, the normal editor syntax highlighting will be applied, as known from Kate. KDevelop's semantic highlighting will always override the editor highlighting if there is a conflict.
In the previous section, we have discussed exploring source code, i.e. getting information about symbols, files and projects. The next step is then to jump around your source base, i.e. to navigate in it. There are again various levels at which this is possible: local, within a file, and within a project.
KDevelop is much more than an editor, but it is also a source editor. As such, you can of course move the cursor up, down, left or right in a source file. You can also use the PageUp and PageDown keys, and all the other commands you are used from any useful editor.
At the file scope, KDevelop offers many possible ways to navigate through source code. For example:
- Outline: You can get an outline of what's in the current file in at least three different ways:
- Clicking into the Alt + Ctrl + N opens a drop-down menu that lists all function and class declarations: You can then just select which one to jump to, or — if there are a lot — start typing any text that may appear in the names shown; in that case, as you keep typing, the list becomes smaller and smaller as names are removed that don't match the text already typed until you are ready to select one of the choices. textbox at the top right of the main window, or hitting
- Positioning the cursor at file scope (i.e. outside any function or class declarations or definitions) and having the tool open: This also provides you an outline of what is happening in the current file, and allows you to select where you want to jump to.
- Hovering the mouse over the tab for one of the open files also yields an outline of the file in that tab.
- Source files are organized as a list of function declarations or definitions. Hitting Alt + Ctrl + PgUp and Alt + Ctrl + PgDown jumps to the previous or next function definition in this file.
As mentioned in other places, KDevelop does not usually consider individual source files but rather looks at projects as a whole (or, rather, at all projects that are part of the current session). As a consequence, it offers many possibilities for navigating through entire projects. Some of these are derived from what we have already discussed in the section on Exploring source code while others are genuinely different. The common theme is that these navigation features are based on a semantic understanding of the code, i.e. they offer you something that requires parsing entire projects and connecting data. The following list shows some ways how to navigate through source code that is scattered throughout a potentially very large number of files:
- As seen in the section on Exploring source code, you can get a tooltip explaining individual namespace, class, function or variable names by hovering your mouse over it or keeping the Alt key pressed for a while. Here is an example: Clicking on the links for the declaration of a symbol or expanding the list of uses allows you to jump to these locations, if necessary opening the respective file and placing the cursor at the corresponding location. A similar effect can be achieved by using the Code Browser tool view also discussed previously.
- Quick open: A very powerful way of jumping to other files or locations is to use the various quick open methods in KDevelop. There are four versions of these:
- Quick open class (Alt + Ctrl + C): You will get a list of all classes in this session. Start typing (a part of) the name of a class and the list will continue to whittle down to only those that actually match what you've typed so far. If the list is short enough, select an element using the up and down keys and KDevelop will get you to the place where the class is declared. or
- Quick open function (Alt + Ctrl + M): You will get a list of all (member) functions that are part of the projects in the current session, and you can select from it in the same way as above. Note that this list may include both function declarations and definitions. or
- Quick open file (Alt + Ctrl + O): You will get a list of all files that are part of the projects in the current session, and you can select from it in the same way as above. or
- Universal quick open (Alt + Ctrl + Q): If you forget which key combination is bound to which of the above commands, this is the universal swiss army knife — it simply presents you with a combined list of all files, functions, classes, and other things from which you can select. or
- Jump to declaration/definition: When implementing a (member) function, one often needs to switch back to the point where a function is declared, for example to keep the list of function arguments synchronised between declaration and definition, or to update the documentation. To do so, place the cursor onto the function name and select Ctrl + .) to get to the place where the function is declared. There are multiple ways to get back to the original place:
- Selecting Ctrl + ,). (or hitting
- Selecting Meta + Left), as described below. (or hit
(or hit
- Switch between declaration/definition: In the example above, to jump to the site of the declaration of the current function, you need to first place the cursor on the function name. To avoid this step, you can select Shift + Ctrl + C) to jump to the declaration of the function within which the cursor currently is. Selecting the same menu entry a second time transports you back to the place where the function is defined. (or hit
- Previous/Next use: Placing the cursor on the name of a local variable and selecting Meta + Shift + Right) transports you to the next use of this variable in the code. (Note that this doesn't just search for the next occurrence of the variable name but in fact takes into account that variables with the same name but in different scopes are different.) The same works for the use of function names. Selecting (or hitting Meta + Shift + Left) transports you to the previous use of a symbol. (or hitting
- The context list: Web browsers have this feature where you can go backward and forward in the list of most recently visited web pages. KDevelop has the same kind of features, except that instead of web pages you visit contexts. A context is the current location of the cursor, and you change it by navigating away from it using anything but cursor commands — for example, by clicking on a location provided by a tooltip, in the Meta + Left) and (Meta + Right) transports you along this list of visited contexts just like the and buttons of a browser transports you to the previous or next webpage in the list of visited pages. tool view, one of the options given in the menu, or any other navigation command. Using the (
- Finally, there are tool views that allow you to navigate to different places in your code base. For example, the Classes tool provides you with a list of all namespaces and classes in all projects of the current session, and allows you to expand it to see member functions and variables of each of these classes: Double-clicking on an item (or going through the context menu using the right mouse button) allows you to jump to the location of the declaration of the item. Other tools allow similar things; for example, the tool view provides a list of files that are part of a session: Again, double-clicking on a file opens it.
Writing source code
Because KDevelop understands your projects' source code, it can assist in writing more code. The following outlines some of the ways in which it does that.
Auto-completion
Probably the most useful of all features in writing new code is auto-completion. Consider, for example, the following piece of code:
class Car { // ... public: std::string get_color () const; }; void foo() { Car my_ride; // ...do something with this variable... std::string color = my_ride.ge
In the last line, KDevelop will remember that the variable my_ride
is of type Car
, and will automatically offer to complete the name of the member function ge
as get_color
. In fact, all you have to do is to keep typing until the auto-completion feature has reduced the number of matches to one, and then hit the Enter key:
Note that you can click on the tool-tip to get more information about the function apart from its return type and whether it is public:
Auto-completion can save you a lot of typing if your project uses long variable and function names; furthermore, it avoids mis-spelling names (and the resulting compiler errors) and it makes it much simpler to remember the exact names of functions; for example, if all of your getters start with get_
, then the auto-completion feature will be able to only present you a list of possible getters when you have typed the first four letters, likely reminding you in the process which of the functions is the correct one. Note that for auto-completion to work, neither the declaration of the Car
class nor of the my_ride
variable need to be in the same file as where you are currently writing code. KDevelop simply has to know that these classes and variables are connected, i.e. the files in which these connections are made need to be part of the project you are currently working on.
Adding new classes and implementing member functions
KDevelop has an assistant for adding new classes. The procedure is described in Creating a new class. A simple C++ class can be created by choosing the Basic C++ template from the Class category. In the assistant, we can choose some predefined member functions, for example an empty constructor, a copy constructor and a destructor.
After completing the assistant, the new files are created and opened in the editor. The header file already has include guards and the new class has all the member functions we selected. The next two steps would be to document the class and its member functions and to implement them. We will discuss aids for documenting classes and functions below. To implement the special functions already added, simply go to the
tab where the skeleton of functions are already provided:To add new member functions, go back to the
tab and add the name of a function. For example, let us add this:Note how I have already started with the implementation. However, in many coding styles, the function shouldn't be implemented in the header file but rather in the corresponding .cpp file. To this end, locate the cursor on the name of the function and select Ctrl + Alt + S. This remove the code between curly braces from the header file (and replaces it by a semicolon as necessary to terminate the function declaration) and moves it into the source file:
or hitNote how I have just started typing and that I meant to imply that the students
variable should probably be a member variable of class Bus
but that I haven't yet added it. Note also how KDevelop underlines it to make clear that it doesn't know anything about the variable. But this problem can be solved: Clicking on the variable name yields the following tooltip:
(The same can be achieved by right clicking on it and selecting Alt + 3) and then see how it comes out in the header file:
.) Let me select "3 - private unsigned int" (either by mouse, or by hittingIt is worth noting that KDevelop extracts the type of the variable to be declared from the expression used to initialize it. For example, if we had written the addition in the following rather dubious way, it would had suggested to declare the variable as type double
:
As a final point: The method using inline
and place it at the bottom of the header file. In a case like this, write the declaration and the start writing the definition of the function like this:
KDevelop automatically offers all possible completions of what might come here. Selecting one of the two add_students
entries yields the following code that already fills in the complete argument list:
Documenting declarations
Good code is well documented, both at the level of the implementation of algorithms within functions, as well as at the level of the interface — i.e., classes, (member and global) functions, and (member or global) variables need to be documented to explain their intent, possible values of arguments, pre- and postconditions, etc. As far as documenting the interface is concerned, doxygen has become the de facto standard for formatting comments that can then be extracted and displayed on searchable webpages.
KDevelop supports this style of comments by providing a short cut to generate the framework of comments that document a class or member function. For example, assume you have already written this code:
class Car { public: std::string get_color () const; };
You now want to add documentation to both the class and the member function. To this end, move the cursor onto the first line and select Alt + Shift + D. KDevelop will respond with the following:
or hitThe cursor is already in the grayed out area for you to fill in the short description (after the doxygen keyword @brief
) of this class. You can then continue to add documentation to this comment that gives a more detailed overview of what the class does:
While the editor is inside the comment, the comment text is highlighted in green (the highlighting disappears once you move the cursor out of the comment). When you get to the end of a line, hit Enter and KDevelop will automatically start a new line that starts with an asterisk and place the cursor one character indented.
Now let's document the member function, again by putting the cursor on the line of the declaration and selecting Alt + Shift + D:
or hittingAgain, KDevelop automatically generates the skeleton of a comment, including documentation for the function itself, as well as its return type. In the current case, the name of the function is pretty much self-explanatory, but oftentimes function arguments may not be and should be documented individually. To illustrate this, let's consider a slightly more interesting function and the comment KDevelop automatically generates:
Here, the suggested comment already contains all the Doxygen fields for the individual parameters, for example.
Renaming variables, functions and classes
Sometimes, one wants to rename a function, class or variable. For example, let's say we already have this:
We then realize that we're unhappy with the name remove_students
and would have rather called it, say, throw_out_students
. We could do a search-replace for the name, but this has two drawbacks:
- The function may be used in more than one file.
- We really only want to rename this function and not touch functions that may have the same name but are declared in other classes or namespaces.
Both these problems can be solved by moving the cursor on any of the occurrences of the name of the function and selecting
(or right clicking on the name and selecting ). This brings up a dialog box where you can enter the new name of the function and where you can also see all the places where the function is actually used:Code snippets
Most projects have pieces of code that one frequently has to write in source code. Examples are: for compiler writers, a loop over all instructions; for user interface writers, checks that user input is valid and if not to open an error box; in the project of the author of these lines, it would be code of the kind
for (typename Triangulation<dim,spacedim>::active_cell_iterator cell = triangulation.begin_active(); cell != triangulation.end(); ++cell) ... do something with the cell ...
Rather than typing this kind of text over and over again (with all the concomitant typos one introduces), the Tools and views if the corresponding button isn't already on the perimeter of your window). Or, go to in the top menubar, and turn on . Then click on the button (a slight misnomer — it allows you to create a named collection of snippets for source codes of a particular kind, e.g. C++ sources) and create an empty repository. Then click to add a snippet, to get a dialog like the following:
tool of KDevelop can help here. To this end, open the tool view (see
To use a snippet so defined, when you are editing code, you can just type the name of the snippet like you would any other function or variable name. This name will become available for auto-completion — which means that there is no harm in using a long and descriptive name for a snippet such as the one above — and when you accept the suggestion of the auto-completion tooltip (for example by just hitting Enter), the already entered part of the snippets' name will be replaced by the full expansion of the snippet and will be properly indented:
Note that for this to work, the
tool view need not be open or visible: you only ever need the tool view to define new snippets. An alternative, if less convenient, way to expand a snippet is to simply click on it in the respective tool view.
Modes and working sets
If you've gotten this far, take a look at the upper right of the KDevelop main window: As shown in the picture, you will see that there are three modes KDevelop can be in: Debugging programs) and (see Working with version control systems).
(the mode we discuss in the current chapter on working with source code), (seeEach mode has its own set of tools that are stacked around the perimeter, and each mode also has a working set of currently open files and documents. Furthermore, each such working set is associated with a current session, i.e. we have the relationship shown above. Note that the files in the working set come from the same session, but they may come from different projects that are part of the same session.
If you open KDevelop the first time, the working set is empty — there are no open files. But as you open files for editing (or debugging, or reviewing in the other modes) your working set grows. The fact that your working set is non-empty is indicated by a symbol in the tab, as shown below. You will notice that whenever you close KDevelop and later start it again, the working set is saved and restored, i.e. you get the same set of open files.
If you hover your mouse over the symbol for the working set, you get a tooltip that shows you which files are currently open in this working set (here: the step-32.cc
and step-1.cc
files). Clicking on the red minus sign closes the tab for the corresponding file. Maybe more importantly, clicking on the correspondingly named button allows you to close the entire working set at once (i.e. to close all currently open files). The point about closing a working set, however, is that it doesn't just close all files, it actually saves the working set and opens a new, still empty one. You can see this here:
Note the two symbols to the left of the three mode tabs (the heart and the unidentifiable symbol to its left). Each of these two symbols represents a saved working set, in addition to the currently open working set. If you hover your mouse over the heart symbol, you'll get something like this:
It shows you that the corresponding working set contains two files and their corresponding project names: Makefile
and changes.h
. Clicking will close and save the current working set (which as shown here has the files tria.h
and tria.cc
open) and instead open the selected working set. You can also permanently delete a working set, which removes it from the set of saved working sets.
Some useful keyboard shortcuts
KDevelop's editor follows the standard keyboard shortcuts for all usual editing operations. However, it also supports a number of more advanced operations when editing source code, some of which are bound to particular key combinations. The following are frequently particularly helpful:
Jumping around in code | |
---|---|
Ctrl+Alt+O | Quick open file: enter part of a filename and select among all the files in the current session's projects' directory trees that match the string; the file will then be opened |
Ctrl+Alt+C | Quick open class: enter part of a class name and select among all class names that match; the cursor will then jump to the class declaration |
Ctrl+Alt+M | Quick open function: enter part of a (member) function name and select among all names that match; note that the list shows both declarations and definitions and the cursor will then jump to the selected item |
Ctrl+Alt+Q | Universal quick open: type anything (file name, class name, function name) and get a list of anything that matches to select from |
Ctrl+Alt+N | Outline: Provide a list of all things that are happening in this file, e.g. class declarations and function definitions |
Ctrl+, | Jump to definition of a function if the cursor is currently on a function declaration |
Ctrl+. | Jump to declaration of a function or variable if the cursor is currently in a function definition |
Ctrl+Alt+PageDown | Jump to next function |
Ctrl+Alt+PageUp | Jump to previous function |
Ctrl+G | Goto line |
Searching and replacing | |
Ctrl+F | Find |
F3 | Find next |
Ctrl+R | Replace |
Ctrl+Alt+F | Find-Replace in multiple files |
Other things | |
Ctrl+_ | Collapse one level: remove this block from view, for example if you want to focus on the bigger picture within a function |
Ctrl++ | Expand one level: undo the collapsing |
Ctrl+D | Comment out selected text or current line |
Ctrl+Shift+D | Comment in selected text or current line |
Alt+Shift+D | Document the current function. If the cursor is on a function or class declaration then hitting this key will create a doxygen-style comment pre-populated with a listing of all parameters, return values, etc. |
Ctrl+T | Transpose the current and the previous character |
Ctrl+K | Delete the current line (note: this is not just emacs' "delete from here to the end of the line") |