mirror of
https://gitflic.ru/project/openide/openide.git
synced 2026-09-27 10:03:11 +07:00
New PyCharm tips of the day.
This commit is contained in:
Dmitry Trofimov
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Welcome to PyCharm Productivity Guide</h1>
|
||||
<p>
|
||||
PyCharm keeps track of which of its features you are using and will offer you some tips to let you know
|
||||
about the features you may have missed. These tips will be shown while the startup process is going on.
|
||||
You can always get back to them by selecting <span class="control">Help | Productivity Guide</span>
|
||||
on the menu bar.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Version control annotations show the latest changes of each line in one click.</p>
|
||||
<p>
|
||||
Just right-click an annotation and use the <span class="control">Show Diff</span> command in the context menu.</p>
|
||||
<p class="image">
|
||||
<img src="images/annotationShowDiff.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Right-clicking on a breakpoint (in the left gutter) invokes the context menu where
|
||||
you can quickly enable/disable the breakpoint or adjust its properties.</p>
|
||||
<p class="image">
|
||||
<img src="images/breakpoint_speedmenu.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>It is very easy to change the built-in web server port (<span class="control">File | Settings – Debugger – JavaScript</span>),
|
||||
and use the "Built-in server port" spinner to set the new value. </p>
|
||||
<p class="image"><img src="images/builtInServer.png"></p>
|
||||
<p>Next, open an HTML page in your browser and see it running on the defined port.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
When in the Code Completion lookup, you can ease the search by filtering the list with the help of the "camel words" prefixes.</p>
|
||||
<p class="image">
|
||||
<img src="images/camel_completion.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>When in the <span class="control">Go to Class</span>,
|
||||
<span class="control">Go to Symbol</span>, or
|
||||
<span class="control">Go to File</span> popup,
|
||||
you can ease the search by filtering the lookup list with the help of the "camel words" prefixes.</p>
|
||||
<p class="image"><img src="images/camel_goto.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
When an autopopup completion is active,
|
||||
<span class="shortcut">&shortcut:EditorLookupDown;</span> and <span class="shortcut">&shortcut:EditorLookupUp;</span>
|
||||
will close it and move the caret down or up in the editor.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
You can switch between sorting completion variants by relevance or alphabetically by using an icon at the bottom right:
|
||||
</p>
|
||||
<p class="image"><img src="images/changeLookupSorting.png"/></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>The <span class="control">Changes</span> tool window shows all deleted, modified, and unversioned files in a single view.
|
||||
Use <span class="shortcut">&shortcut:ActivateChangesToolWindow;</span> keyboard shortcut to show or hide this tool window.</p>
|
||||
<p>From the <span class="control">Changes</span> tool window you can perform all the necessary version control actions: commit changes, manage changelists, put resources under version control, examine differences and more.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>The format of a regular expression can be rather complicated.
|
||||
To make sure you didn't miss some slash of quotation mark, place the caret
|
||||
somewhere in the expression you want to check, and press <span class="shortcut">&shortcut:ShowIntentionActions;</span>. </p>
|
||||
<p>In the pop-up frame type a string that you think should match your regular expression. If the background turns green, you are lucky. If it turns red, then you have to look for a mistake. </p>
|
||||
<p class="image">
|
||||
<img src="images/checkRegExp.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
A special variant of the Code Completion feature invoked by pressing <span class="shortcut">&shortcut:CodeCompletion;</span> twice allows you to
|
||||
complete the name of any class
|
||||
no matter if it was imported in the current file or not.
|
||||
If the class is not imported yet, the import statement is generated automatically.</p>
|
||||
<p class="image">
|
||||
<img src="images/class_name_completion.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>Use the <span class="shortcut">&shortcut:PasteMultiple;</span> shortcut to choose and insert recent clipboard contents into the text.</p>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
There are two ways of closing all tabs in the editor, except the current one:</p>
|
||||
<ul>
|
||||
<li>First, right-click the editor tab, and choose <span class="control">Close Others</span> on the context menu.</li>
|
||||
<li>Second, keeping the Alt key pressed, click <img src="images/close1.png"/> on the editor tab.</li>
|
||||
</ul>
|
||||
<p class="image">
|
||||
<img src="images/close_others.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
The Code Completion feature lets you quickly complete different kinds of statements
|
||||
in the code.
|
||||
For example, start typing a class name and press <span class="shortcut">&shortcut:CodeCompletion;</span>
|
||||
to complete it.
|
||||
When multiple choices are available, they are shown in the lookup list.</p>
|
||||
<p class="image">
|
||||
<img src="images/code_completion.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>When you are finding text in the current file (<span class="shortcut">&shortcut:Find;</span>), you don't need to type the whole search string:
|
||||
Basic Code Completion is available in the search field. Start typing, press <span class="shortcut">&shortcut:CodeCompletion;</span>, and
|
||||
select the desired string from the suggestion list.</p>
|
||||
|
||||
<p class="image"><img src="images/CodeCompletionInSearch.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>When using basic code completion (<span class="shortcut">&shortcut:CodeCompletion;</span>),
|
||||
type any characters that exist anywhere in an identifier.
|
||||
</p>
|
||||
|
||||
<p class="image"><img src="images/code_completion_middle.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
When using basic code completion (<span class="shortcut">&shortcut:CodeCompletion;</span>),
|
||||
you don't need to type upper-case letters in CamelHump names.
|
||||
It is enough to type the initial letters of the camel names in lower case, and they will be smartly recognized.</p>
|
||||
<p class="image">
|
||||
<img src="images/code_completion_no_shift.png"></p>
|
||||
<p>This behavior is enabled, if <span class="control">None</span> is selected from the
|
||||
<span class="control">Case sensitive completion</span> drop-down list (the
|
||||
<span class="control">Code Completion</span> page of the Editor settings).
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,19 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p><span class="product">&productName;</span>
|
||||
simplifies your work
|
||||
with colors in CSS files. The <span class="code_emphasis">color</span>
|
||||
properties have the icons of the corresponding color in the left gutter area of the editor.
|
||||
</p>
|
||||
<p>Click color icons to choose the desired color from the color picker.</p>
|
||||
<p class="image"><img src="images/cssColor.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>You can easily make column selection by dragging your mouse pointer while keeping the
|
||||
<span class="shortcut">Alt</span> key pressed.
|
||||
</p>
|
||||
<p class="image"><img src="images/columnSelection.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
You can comment and uncomment lines of code using <span class="shortcut">&shortcut:CommentByLineComment;</span>.</p>
|
||||
<p>
|
||||
<span class="shortcut">&shortcut:CommentByLineComment;</span> comments or uncomments the current line or
|
||||
several selected lines with single line comments (<span class="code_emphasis">{#</span> in Django templates,
|
||||
or <span class="code_emphasis">#</span> in Python scripts).</p>
|
||||
<p>
|
||||
Pressing <span class="shortcut">&shortcut:CommentByBlockComment;</span> for a selected block of source code
|
||||
in a Django template surrounds the block with <span class="code_emphasis">{% comment %}</span>
|
||||
and <span class="code_emphasis">{% endcomment %}</span> tags.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
The keyboard shortcut <span class="shortcut">Ctrl+K</span> enables you to quickly invoke the <span class="control">Commit Changes</span> dialog.</p>
|
||||
<p>
|
||||
This dialog shows all modifications in project, gives summary information of file status and suggests improvements before check-in.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>You can use <span class="">Basic Completion</span>
|
||||
(<span class="shortcut">&shortcut:CodeCompletion;</span>) in HTML, CSS and JavaScript files, for completing attributes,
|
||||
parameters, tags, selectors, etc.</p>
|
||||
<p class="image"><img src="images/completion_in_html.png"></p>
|
||||
<p class="image"><img src="images/completion_in_html2.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>For the embedded local terminal, you can define your favorite shell,
|
||||
default tab name, and other settings.
|
||||
Choose
|
||||
<span class="control">File | Settings</span> (Windows/*nix) or
|
||||
<span class="control">PyCharm | Preferences</span> (Mac)
|
||||
on the main menu, and then open the page <span class="control">Terminal</span>. </p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
You can work in the Python or Django shell without leaving the IDE.
|
||||
Just choose <span class="control">Run Python Console</span> or <span class="control">Run Django Console</span>
|
||||
in the <span class="control">Tools</span> menu.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Working in the interactive consoles, you don't need to memorise the command line syntax or available functions.
|
||||
Instead, you can use the familiar code completion <span class="shortcut">&shortcut:CodeCompletion;</span>.
|
||||
Moreover, from within the lookup list, you can press <span class="shortcut">&shortcut:QuickJavaDoc;</span>
|
||||
to view the item's documentation.</p>
|
||||
<p class="image">
|
||||
<img src="images/pyconsole.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
If you have already spent some time working in the interactive consoles,
|
||||
you don't need to re-type the previously entered commands to repeat them.
|
||||
Instead, press <span class="shortcut">&shortcut:EditorScrollUp;</span> and
|
||||
<span class="shortcut">&shortcut:EditorScrollDown;</span> to scroll through
|
||||
the history of commands.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>
|
||||
If nothing is selected in the editor, and you press <span class="shortcut">&shortcut:$Copy;</span>, then the whole line at caret is copied to the clipboard.
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p><span class="shortcut">&shortcut:EditorDuplicate;</span> in the editor duplicates the selected block or the current line
|
||||
when no block is selected.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>
|
||||
When using autopopup Code Completion, you can select the first item using <span class="shortcut">&shortcut:EditorChooseLookupItemDot;</span>.
|
||||
The selected name is automatically entered in the editor followed by dot.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>Use <span class="shortcut">&shortcut:QuickImplementations;</span>
|
||||
(<span class="control">View | Quick Definition</span>),
|
||||
to quickly review definition or content of the symbol at caret, without the need to open it
|
||||
in a new editor tab.</p>
|
||||
<p class="image"><img src="images/ctrl_shift_i.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>The <span class="emphasis">Quick Definition Viewer</span>
|
||||
(<span class="shortcut">&shortcut:QuickImplementations;</span>) can be also used for items in lookup lists that appear on code
|
||||
completion and class/file/symbol navigaton commands.</p>
|
||||
<p class="image"><img src="images/ctrl_shift_in_lookup.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p><span class="shortcut">&shortcut:EditorSelectWord;</span> (select word) in the editor selects the word at the caret
|
||||
and then selects expanding areas of the source code. For example, it may select a method name,
|
||||
then the expression that calls this method, then the whole statement, then the containing block, etc.
|
||||
You can also select the word at the caret and the expanding areas of the source code by double-clicking the target areas in the editor. </p>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
To compare two directories, select one or both of them in the <span class="control">Project</span> view and
|
||||
press <span class="shortcut">&shortcut:CompareDirs;</span>.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,18 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>
|
||||
When using Code Completion, you can accept the currently highlighted selection in the popup list
|
||||
with the period character (<span class="code_emphasis">.</span>), comma (<span class="code_emphasis">,</span>),
|
||||
semicolon (<span class="code_emphasis">;</span>), space and other characters.</p>
|
||||
<p>
|
||||
The selected name is automatically entered in the editor followed by the entered character.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>You can easily open an external file for editing, if you just drag it from the Explorer or Finder to the editor.</p>
|
||||
|
||||
|
||||
<p class="image"><img src="images/dragToOpen.png"></p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>You can avoid escaping backslashes in your regular expressions. Start typing a regular expression, then press <span class="shortcut">&shortcut:ShowIntentionActions;</span> and choose <span class="control">Edit RegExp</span>.
|
||||
The regular expression opens in a separate tab in the editor, where you can type backslashes as is.</p>
|
||||
<p>All changes are synchronized with the original regular expression, and escapes are presented automatically. When ready, just press <span class="shortcut">&shortcut:EditorEscape;</span> to close the regular expression editor.</p>
|
||||
<p class="image"><img src="images/editregexp.png"><p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>Speed up HTML, XML or CSS development with <span class="control">Emmet</span>.</p>
|
||||
<p>Enable this framework in the <span class="control">Emmet(Zen Coding)</span> page of the <span class="control">Settings</span>/<span class="control">Preferences</span> dialog:</p>
|
||||
<p class="image">
|
||||
<img src="images/emmet.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>You can jump directly to any deeply buried file, if you press <span class="shortcut">&shortcut:GotoFile;</span>, and type just a couple
|
||||
of characters of the enclosing directories and file names: </p>
|
||||
|
||||
<p class="image"><img src="images/enterDirectory.png"></p>
|
||||
|
||||
<p>Use either a slash or a backslash as a delimiter.</p>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>The <span class="shortcut">&shortcut:EditorEscape;</span> key in any tool window moves the focus to the editor.</p>
|
||||
<p><span class="shortcut">&shortcut:HideActiveWindow;</span> moves the focus to the editor and also hides the current (or last active) tool window.</p>
|
||||
<p>The <span class="shortcut">&shortcut:JumpToLastWindow;</span> key moves the focus from the editor to the last focused tool window.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>To easily evaluate the value of any expression while debugging the program, select its text in the editor
|
||||
(you might want to press a <span class="shortcut">&shortcut:EditorSelectWord;</span> a few times to efficiently perform this operation)
|
||||
and then press <span class="shortcut">&shortcut:EvaluateExpression;</span>.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
You can exclude any file from your project. As a result, such a file will be ignored by indexing, inspection and code completion.</p>
|
||||
<p>
|
||||
In the <span class="control">Project</span> tool window, select the file you want to ignore, and choose
|
||||
<span class="control">Mark as plain text</span> in its context menu.</p>
|
||||
<p>
|
||||
If necessary, you can always return the file to its original type using the
|
||||
<span class="control">Mark as <file type></span> context menu command.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,19 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>The Extract Variable
|
||||
refactoring helps you simplify complicated statements in your code. For example, in the code fragment below,
|
||||
you can select an expression in the code, and press <span class="shortcut">&shortcut:IntroduceVariable;</span> (<span class="control">Refactor | Extract | Variable</span>).</p>
|
||||
<p>
|
||||
<p class="image"><img src="images/extract_variable_1.png"></p>
|
||||
This will result in the following:</p>
|
||||
<p class="image"><img src="images/extract_variable_2.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>You can quickly navigate in the currently edited file with <span class="shortcut">&shortcut:FileStructurePopup;</span>
|
||||
(<span class="control">Navigate | File Structure</span>).</p>
|
||||
<p>It shows the list of members of the current class. Select an element you want to navigate to and press the
|
||||
<span class="shortcut">Enter</span> key or the <span class="shortcut">&shortcut:EditSource;</span> key.</p>
|
||||
<p>To easily locate an item in the list, just start typing its name.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>It is very easy to toggle between find and replace functionality.</p>
|
||||
<p>When you perform search and replace in a file, pressing <span class="shortcut">&shortcut:Find;</span>
|
||||
shows the search pane. Pressing <span class="shortcut">&shortcut:Replace;</span> adds field, where you can type the replace string.</p>
|
||||
|
||||
<p>While in the <span class="control">Find in Path</span> dialog, you can switch to
|
||||
replace by pressing <span class="shortcut">&shortcut:ReplaceInPath;</span>. Same way, press <span class="shortcut">&shortcut:FindInPath;</span> to hide the
|
||||
<span class="control">Replace with</span> field, and switch to mere search.</p>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
You can quickly find all places where a particular class, method or variable is used in the whole project
|
||||
by positioning the caret at the symbol's name or at its usage in code and pressing <span class="shortcut">&shortcut:FindUsages;</span>
|
||||
(<span class="control">Find Usages</span>
|
||||
in the popup menu).</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
<span class="shortcut">&shortcut:EditorChooseLookupItemAlways;</span> will
|
||||
choose the first item of the autopopup completion when there is no selection there.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>To quickly find a menu command or toolbar action, you do not need to look through the menus. Just press
|
||||
<span class="shortcut">&shortcut:GotoAction;</span>
|
||||
(<span class="control">Help | Find Action</span> on the main
|
||||
menu) and start typing the name of the action. Choose the desired action from the suggestion list.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
To open any class in the editor quickly, press <span class="shortcut">&shortcut:GotoClass;</span>
|
||||
(<span class="control">Navigate | Class</span>)
|
||||
and start typing the name of the class. Choose the class from a drop-down list that appears.</p>
|
||||
<p class="image">
|
||||
<img src="images/goto_class.png"></p>
|
||||
<p>
|
||||
You can open any file in your project in a similar way by using <span class="shortcut">&shortcut:GotoFile;</span>
|
||||
(<span class="control">Navigate | File</span>)</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>To navigate to the declaration of a class, method or variable used somewhere in the code,
|
||||
position the caret at the usage and press <span class="shortcut">&shortcut:GotoDeclaration;</span>. You can also click the mouse
|
||||
on usages with the <span class="shortcut">Ctrl</span>
|
||||
key pressed to jump to declarations.</p>
|
||||
<p class="image"><img src="images/ctrl_click.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>To quickly find and run an inspection, press
|
||||
<span class="shortcut">&shortcut:RunInspection;</span>
|
||||
and start typing the name of the inspection or its group. Choose the desired inspection from the suggestion list and
|
||||
then specify the desired scope.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>To open any particular method or field in the editor quickly, press <span class="shortcut">&shortcut:GotoSymbol;</span>
|
||||
(<span class="control">Navigate | Symbol</span>)
|
||||
and start typing its name.</p>
|
||||
<p>Choose symbol from the drop-down list that appears.</p>
|
||||
<p class="image"><img src="images/goto_symbol.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
To open any class or file in the editor at the desired line, press <span class="shortcut">&shortcut:GotoFile;</span>
|
||||
(<span class="control">Navigate | File</span>),
|
||||
start typing the name, and choose the one from the suggestion list.
|
||||
Then type the colon (<span class="code_emphasis">:</span>) and a line number.</p>
|
||||
<p>
|
||||
The selected file will open with the caret at the specified line.</p>
|
||||
<p class="image">
|
||||
<img src="images/gotoFileLineNumber.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
To see the inheritance hierarchy for a selected class,
|
||||
press <span class="shortcut">&shortcut:TypeHierarchy;</span>
|
||||
(<span class="control" >Navigate | Type Hierarchy</span>).
|
||||
You can also invoke the hierarchy view right from the editor
|
||||
to see the hierarchy for the currently edited class.</p>
|
||||
<p class="image">
|
||||
<img src="images/hierarchy_browser.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>Use <span class="shortcut">&shortcut:HighlightUsagesInFile;</span> (<span class="control">Edit | Find | Highlight Usages in File</span>)
|
||||
to quickly highlight usages of some variable in the current file.</p>
|
||||
<p>Use <span class="shortcut">&shortcut:FindNext;</span> and <span class="shortcut">&shortcut:FindPrevious;</span> keys to navigate through highlighted usages.</p>
|
||||
<p>Press <span class="shortcut">&shortcut:EditorEscape;</span> to remove highlighting.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Enable the horizontal scrolling with the mouse wheel by holding
|
||||
the <span class="shortcut">Shift</span> key.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>Use <span class="">Basic Completion</span>
|
||||
(<span class="shortcut">&shortcut:CodeCompletion;</span>) within HTML, CSS and other files, for completing image file names.</p>
|
||||
<p class="image"><img src="images/image_completion.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>You can quickly view the image referenced at caret by using the
|
||||
<span class="">Quick Definition</span>
|
||||
(<span class="shortcut">&shortcut:QuickImplementations;</span>). The underlying image will be opened in a popup instead of a separate editor tab.</p>
|
||||
<p class="image"><img src="images/image_lookup.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>PyCharm allows configuring Python interpreters on the various stages of development: </p>
|
||||
<ul>
|
||||
<li>When a project is only being created (<span class="control">File | New Project</span>, or <span class="control">Create New Project</span> on the Welcome screen).</li>
|
||||
<li>In an already existing project (<span class="control">File | Settings - Python Interpreters</span>).</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,22 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<p>&productName; lets you jump from your check-in comment to an issue in your task tracker.</p>
|
||||
<p>All you have to do is to define issue navigation patterns on the
|
||||
<span class="control">Version Control</span> page of the <span class="control">Settings</span>/<span class="control">Preferences</span>
|
||||
dialog:</p>
|
||||
<p class="image"><img src="images/issueNavigation1.png"></p>
|
||||
<p>When you commit a changelist, and type the check-in comment, make sure it matches one of your issue navigation patterns.
|
||||
Later, when you browse through the changelists in the repository, such comments turn into hyperlinks:</p>
|
||||
<p class="image"><img src="images/issueNavigation.png"></p>
|
||||
<p>Clicking a hyperlink brings you directly to an issue in your task tracker.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
The <span class="shortcut">&shortcut:EditorJoinLines;</span> shortcut joins two lines
|
||||
into one and removes unnecessary spaces to match your code style.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p><span class="shortcut">&shortcut:JumpToLastChange;</span> (<span class="control">Navigate | Last Edit Location</span>)
|
||||
brings you back to the last place where you made changes in the code.</p>
|
||||
<p>Pressing <span class="shortcut">&shortcut:JumpToLastChange;</span> a few times moves you deeper into your changes history.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
While debugging, you might need an interactive console at hand... This is most easy.
|
||||
During the debugging session, switch to the Debugger Console,
|
||||
and then press the very lowest button in its toolbar.
|
||||
</p>
|
||||
<p>The console becomes interactive, and shows a prompt, where you can enter commands, and view output.</p>
|
||||
<p class="image"><img src="images/launch_console_in_debugger.png" alt="launch_console_in_debugger"/></p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>To view which line separators style is used in the current file,
|
||||
look at the <span class="control">Status Bar</span>:</p>
|
||||
<img src="images/line_separator.png">
|
||||
</p>
|
||||
<p>To change the current line ending style, just click the spinner.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>You do not need to open a file in the editor to change its line separator style.
|
||||
Use the <span class="control">Project tool window</span> instead: select one or more files,
|
||||
or folders, point to <span class="control">File | Line Separators</span> on the main menu,
|
||||
and then choose the desired line ending style.</p>
|
||||
<p>For a directory, new line separator applies recursively.</p>
|
||||
<img src="images/line_separator_folder.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,20 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
Live Templates let you generate many typical code constructs in seconds. For example, type
|
||||
<i>for</i> in a Django template</p>
|
||||
<p class="image">
|
||||
<img src="images/live_templates_1.png"></p>
|
||||
<p>
|
||||
and then press the <span class="shortcut">Tab</span> key to see what happens.</p>
|
||||
<p class="image">
|
||||
<img src="images/live_templates_2.png"></p>
|
||||
<p>
|
||||
Use the <span class="shortcut">Tab</span> key to move between the template fields.</p>
|
||||
<p> See <span class="control">Live Templates</span> page of the <span class="control">Settings / Preferences</span>
|
||||
dialog for more details.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>If you are going to use Django live templates, make sure that Django is selected
|
||||
as the default Python template language in the Settings / Preferences dialog:
|
||||
</p>
|
||||
<p class="image">
|
||||
<img src="images/default_template_language.png"></p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>To see your local history of changes in a file, invoke
|
||||
<span class="control">Local History | Show History</span>
|
||||
from the context menu. You can navigate through different file versions, see the differences and roll back to any previous version.</p>
|
||||
<p>Use the same context menu item to see the history of changes on a directory. You will never lose any code with this feature!</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,18 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
The easiest way to run a utility of the <span class="code_emphasis">manage.py</span> task is to
|
||||
choose <span class="control">Run manage.py Task</span> in the
|
||||
<span class="control">Tools</span> menu, or press <span class="shortcut">&shortcut:Django.RunManageTaskAction;</span>.</p>
|
||||
<p>
|
||||
As you type the name of the utility you want to run, the lookup list shrinks
|
||||
to show the matching entries only.</p>
|
||||
<p>
|
||||
If you type an asterisk, PyCharm will show the complete list of all the available tasks.</p>
|
||||
<p class="image">
|
||||
<img src="images/managepy.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>To help you learn the purpose of each item in the main menu, its short description is shown in the status
|
||||
bar at the bottom of the application frame when you position the mouse pointer over this item.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>To show separator lines between methods in the editor, open the editor settings
|
||||
and select the <span class="control">Show method separators</span> check box in the
|
||||
<span class="control">Appearance</span> page.</p>
|
||||
|
||||
<p class="image"><img src="images/method_separator.png"></p>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>Use <span class="shortcut">&shortcut:MethodUp;</span> and <span class="shortcut">&shortcut:MethodDown;</span> keys to quickly move between methods in the editor.</p>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<p>If you don't want to commit some of your changes to the repository, you can set them aside for a while, by moving
|
||||
to a separate changelist, or by putting them to a shelf. Select such file in the <span class="control">Local</span> tab of the <span class="control">Changes</span> tool
|
||||
window, and on the context menu choose <span class="control">Move to another changelist</span>,
|
||||
or <span class="control">Shelve Changes</span>.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,28 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
The <span class="control">Code | Move Statement Up/Down</span> action is useful for reorganizing the code lines
|
||||
in your file, e.g., for bringing a variable declaration closer to the variable usage.</p>
|
||||
<p>
|
||||
For example, select a code fragment and press <span class="shortcut">&shortcut:MoveStatementUp;</span> or
|
||||
<span class="shortcut">&shortcut:MoveStatementDown;</span>.</p>
|
||||
<p>
|
||||
Before:</p>
|
||||
<p class="image">
|
||||
<img src="images/move_up_down_witharrows_initial.png"></p>
|
||||
<p>
|
||||
After moving the lines up:</p>
|
||||
<p class="image">
|
||||
<img src="images/move_up_down_witharrows_up.png" alt=""></p>
|
||||
<p>
|
||||
After moving the lines down:</p>
|
||||
<p class="image">
|
||||
<img src="images/move_up_down_witharrows_down.png" alt=""></p>
|
||||
<p>
|
||||
When there is no selection, the line at the cursor will be moved.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p><span class="product">&productName;</span> can work with several projects in one window.
|
||||
To open a project in the same window with the already opened one, choose
|
||||
<span class="control">Open directory</span>, then in the <span class="control">Open project</span>
|
||||
dialog box, select the option
|
||||
<span class="control">Open in current window</span>, and select the check box
|
||||
<span class="control">Add to currently opened projects</span>.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>Navigation bar is a quick alternative to the <span class="control">Project</span> view.</p>
|
||||
<p>Use <span class="shortcut">&shortcut:ShowNavBar;</span> keyboard shortcut to show the navigation bar, and arrow keys to locate the necessary files or folders.</p>
|
||||
|
||||
|
||||
|
||||
<p class="image"><img src="images/navigationbar.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p><span class="shortcut">Ctrl+Click</span> (on Windows) or <span class="shortcut">Cmd+Click</span> (on MacOS) a tab in the editor to navigate to any part of the file path.
|
||||
Select the necessary element in the drop-down, and the corresponding file path opens in an external browser
|
||||
(e.g., in the Explorer, if your OS is Windows).</p>
|
||||
<p class="image"><img src="images/navigateToFilePath.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
You can easily override the methods of the base class by pressing
|
||||
<span class="shortcut">&shortcut:OverrideMethods;</span> (<span class="control">Code | Override Methods</span>).</p>
|
||||
<p class="image">
|
||||
<img src="images/override_methods.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>If the cursor is between the parentheses of a method call, pressing <span class="shortcut">&shortcut:ParameterInfo;</span> brings up
|
||||
a list of valid parameters.</p>
|
||||
<p class="image"><img src="images/param_info.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p><span class="control">TODO</span> tool window lets you preview each of the
|
||||
encountered TODO items – just click the preview button on the toolbar.</p>
|
||||
<p></p>
|
||||
<p class="image"><img src="images/todo_preview.png"><p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
You don't need to guess which <span class="code_emphasis">__init__.py</span> or
|
||||
<span class="code_emphasis">views.py</span> you are looking at...</p>
|
||||
<p>
|
||||
Make the editor tabs and the lines in navigation lists stand out
|
||||
using the <span class="control">File Colors</span> page of the project settings.</p>
|
||||
<p class="image">
|
||||
<img src="images/pyColoredFiles.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>When you press <span class="shortcut">&shortcut:ShowIntentionActions;</span> to invoke a quick fix or intention action,
|
||||
press the right arrow key to reveal the list of additional options.</p>
|
||||
<p>Depending on the context, you can choose to disable inspection, fix all problems,
|
||||
change inspection profile, etc.</p>
|
||||
<p class="image"><img src="images/quick_fix_options.png" alt="qfo"/></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
To quickly see the documentation for the symbol at caret, press <span class="shortcut">&shortcut:QuickJavaDoc;</span>
|
||||
(<span class="control">View | Quick Documentation</span>).</p>
|
||||
<p class="image">
|
||||
<img src="images/quick_javadoc.png"></p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,18 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>The shortcuts such as <span class="shortcut">&shortcut:QuickJavaDoc;</span>
|
||||
(<span class="control">View | Quick Documentation</span>),
|
||||
<span class="shortcut">&shortcut:ParameterInfo;</span> (<span class="control">View | Parameter Info</span>),
|
||||
<span class="shortcut">&shortcut:GotoDeclaration;</span> (<span class="control">Navigate | Declaration</span>)
|
||||
and others can be used not only in the editor but in the code completion popup list as well.</p>
|
||||
<p class="image"><img src="images/quick_javadoc_in_lookups.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>With a single keystroke, you can apply another code style/coloring scheme or keymap right from the editor.
|
||||
Just press <span class="shortcut">&shortcut:QuickChangeScheme;</span>
|
||||
(<span class="control">View | Quick Switch Scheme</span>),
|
||||
to specify the scheme you want to change.</p>
|
||||
<p class="image"><img src="images/quick_switch_scheme.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>Use <span class="shortcut">&shortcut:RecentChanges;</span> to quickly review your recent changes to the project.</p>
|
||||
<p class="image"><img src="images/recent_changes.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,22 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p><span class="shortcut">&shortcut:RecentFiles;</span> (<span class="control">View | Recent Files</span>)
|
||||
brings a popup list of the recently visited files. Choose the desired file and press
|
||||
<span class="shortcut">Enter</span> to open it.</p>
|
||||
<p class="image"><img src="images/recent_files_1.png"></p>
|
||||
|
||||
<p>Besides recent files, you can bring up results of the usage searches you have performed
|
||||
recently. To do that, use the same <span class="shortcut">&shortcut:RecentFiles;</span> shortcut with the <span class="control">Find</span> tool window having
|
||||
the focus, and select the desired find usages result from the <span class="control">Recent Find Usages</span> popup.</p>
|
||||
|
||||
<p class="image"><img src="images/recent_files_2.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<p>When searching for a text string in a file, use recent history: with the search pane already open, click
|
||||
the down arrow to show the list of recent entries.
|
||||
<p class="image"><img src="images/recentSearch.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,13 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>If you place the caret at certain symbol and press <span class="shortcut">&shortcut:Refactorings.QuickListPopupAction;</span>,
|
||||
you will see the list of refactorings applicable to the current context.</p>
|
||||
<p class="image">
|
||||
<img src="images/refactor_this.png"></p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
<p>Found yourself in a situation, when you want to use an interpreter located remotely? With
|
||||
PyCharm it is quite easy.</p>
|
||||
<p>To configure a remote interpreter, press <span class="shortcut">&shortcut:ShowProjectStructureSettings;</span>, and
|
||||
under the <span class="control">Project Settings</span>. open the page <span class="control">Python Interpreters</span>.</p>
|
||||
<p>Then press <span class="shortcut">&shortcut:NewElement;</span>, and choose the option <span class="control">Remote</span>:</p>
|
||||
<p class="image"><img src="images/add_remote_interpreter.png" alt="add_remote_interpreter"/></p>
|
||||
|
||||
<p>You can use this remote interpreter for your project, or just leave it as one of the available interpreters.</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>You can easily rename your local variables with automatic correction of all places where they are used.</p>
|
||||
<p>To try it, place the caret at the variable you want to rename, and press <span class="shortcut">&shortcut:RenameElement;</span>
|
||||
(<span class="control">Refactor | Rename</span>).
|
||||
Type the new name in the popup window that appears, or select one of the suggested names,
|
||||
and press
|
||||
<span class="shortcut">Enter</span>.</p>
|
||||
<p class="image"><img src="images/rename.png"></p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>It is possible to rename CSS selectors directly from HTML. Position the caret at
|
||||
the selector to be renamed and press <span class="shortcut">&shortcut:RenameElement;</span>
|
||||
(<span class="control">Refactor | Rename</span>).</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,20 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>To open again one of the recent projects, use <span class="control">Reopen</span>(on Windows and Linux)/<span class="control">Open Recent</span>(on MacOS)
|
||||
on the <span class="control">File</span> menu:</p>
|
||||
<p class="image"><img src="images/reopen.png"></p>
|
||||
|
||||
<p>Another way to reopen a project is to right-click the <span class="product">&productName;</span> icon on the task bar:
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
<p class="image"><img src="images/jumplist.png"></p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>If there are too many run/debug configurations of the same type, you can group them into folders, and thus distinguish them visually.</p>
|
||||
<p class="image"><img src="images/RunConfigFolder.png"><p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>If you are working on a large project, with numerous TODO items,
|
||||
filter them by scopes.</p>
|
||||
<p>Use the Scope-Based tab in the TODO tool window to show only those items
|
||||
that pertain to the scope of interest.</p>
|
||||
<p></p>
|
||||
<p class="image"><img src="images/todo_scopes.png"><p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>Find any action, symbol, or setting in <span class="product">&productName;</span> with
|
||||
Double Shift: </p>
|
||||
<p class="image"><img src="images/searchEverywhere.png">.
|
||||
<p>You can also click <span class="image"><img src="images/searchEverywhere_lense.png"></span> in the upper-right corner of the product window.
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>You can quickly find a setting you need in the <span class="control">Settings/Preferences</span> dialog, without browsing through the numerous options.
|
||||
Just type some characters that, in your opinion, exist in the option description, and the list of settings will reduce to the
|
||||
matching ones. Select the desired entry, and see the setting that contains the entered characters highlighted:</p>
|
||||
<p class="image"><img src="images/search_settings.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>To quickly select the currently edited element (class, file, method or field) in any view (<span class="control">Project</span> view,
|
||||
<span class="control">Structure</span> view or other),
|
||||
press <span class="shortcut">&shortcut:SelectIn;</span>.</p>
|
||||
<p class="image"><img src="images/select_in.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>By pressing <span class="shortcut">&shortcut:ChooseRunConfiguration;</span> you can access the Run/Debug dropdown on the main toolbar,
|
||||
without the need to use your mouse.</p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>When working with a lengthy list of tasks, you don't need to delete them one by one.
|
||||
Select several tasks, using <span class="control">Shift</span>
|
||||
or <span class="control">Control/Command</span> keys, click the right arrow, and then click
|
||||
<span class="control">Remove<span>.
|
||||
</p>
|
||||
<p class="image"><img src="images/select_tasks.png"><p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/tips.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<p>You can quickly review all styles currently applied to an HTML tag, by right-clicking the tag name and selecting
|
||||
<span class="control">Show Applied Styles For Tag</span>
|
||||
from the context menu:</p>
|
||||
<p class="image"><img src="images/show_applied_styles.png"></p>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user