Nancyvarkey at 01:11, 22 October 2016

2016-10-22T01:11:55Z

Nirmala Venkat: Created page with "'''Title of script''':''' Snippets in gedit Text editor''' '''Author: Nirmala Venkat''' '''Keywords: Snippets, plugins, Add new snippets, Delete snippets, Highlight matching..."

2016-10-21T12:48:34Z

Created page with "'''Title of script''':''' Snippets in gedit Text editor''' '''Author: Nirmala Venkat''' '''Keywords: Snippets, plugins, Add new snippets, Delete snippets, Highlight matching..."

New page

'''Title of script''':''' Snippets in gedit Text editor'''

'''Author: Nirmala Venkat'''

'''Keywords: Snippets, plugins, Add new snippets, Delete snippets, Highlight matching brackets, Document Statistics, video tutorials'''

{| style="border-spacing:0;"
| style="background-color:#c0c0c0;border:1pt solid #000001;padding:0.097cm;"| '''Visual Cue'''
| style="background-color:#c0c0c0;border:1pt solid #000001;padding:0.097cm;"| '''Narration'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 1:

| style="border:1pt solid #000001;padding:0.097cm;"| Welcome to the''' Spoken Tutorial''' on''' Snippets''' in''' gedit Text editor.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 2:

Learning objectives

| style="border:1pt solid #000001;padding:0.097cm;"| In this tutorial, we will learn how to:
* Use''' default Snippets'''
* Add''' '''new''' snippets'''
* Delete''' snippets'''
* '''Highlight matching brackets''' and
* '''Document Statistics'''
|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 3:

System Requirements
| style="border:1pt solid #000001;padding:0.097cm;"| To record this tutorial, I am using:

* '''Ubuntu Linux''' 14.04 operating system
* '''gedit Text editor''' 3.10

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 4:

Pre-requisites
| style="border:1pt solid #000001;padding:0.097cm;"| To follow this tutorial, you should have working knowledge of any operating system.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 5:

What are Snippets?
| style="border:1pt solid #000001;padding:0.097cm;"| * '''Snippets''' are lines of text or '''source code''' that are used frequently while writing a program.

* It allows the user to avoid repetitive typing.

* '''Snippets''' is one of the default''' plugins''' in''' gedit Text editor.'''
|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| Let's see how we can create and use''' Snippets'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Open the''' gedit Text editor.'''
| style="border:1pt solid #000001;padding:0.097cm;"| Let's open the''' gedit Text editor.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| From the''' Main''' menu, click''' Edit''' and''' Preferences.'''
| style="border:1pt solid #000001;padding:0.097cm;"| First we need to enable the''' Snippet plugin.'''

From the''' Main''' menu, click''' Edit''' and''' Preferences.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Check the '''Snippets''' check box in plugin tab.

Click Close.
| style="border:1pt solid #000001;padding:0.097cm;"| In the''' Plugin''' tab, scroll down and check the''' Snippets''' box.

Click''' Close'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| Let us write a ''''C'''' program to check whether a given number is positive or negative.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click File>> save. Enter the filename as NumCheck.c
| style="border:1pt solid #000001;padding:0.097cm;"| Let us save the file as''' NumCheck.c'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| <nowiki>#include <studio.h></nowiki>

void main()

{

int num;

    scanf("%d", &num);

}
| style="border:1pt solid #000001;padding:0.097cm;"| Pause this tutorial and type this code in your''' gedit Text editor.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Place the cursor in the next line
| style="border:1pt solid #000001;padding:0.097cm;"| When you have finished typing, place your cursor on the next line.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Type the word 'If' and press the Tab key.
| style="border:1pt solid #000001;padding:0.097cm;"| Now type the word''' If''' and press the''' Tab''' key.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the 'If' structure statement.
| style="border:1pt solid #000001;padding:0.097cm;"| Can you see the structure of the''' If''' statement automatically inserted here?

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the word 'condition'

if(num ==0)

{

         printf("Number is zero.");

}

Point to the insertion of end braces

Type printf open brackets double quotes

Point to end double quotes
| style="border:1pt solid #000001;padding:0.097cm;"| Notice that the cursor is on the word''' condition,''' by default.

Type''' num==0.'''

The word''' condition''' is overwritten.

We can see the open curly braces andend braces are inserted automatically.

This is because we have added the''' plugin''' called''' Intelligent text completion''' in the previous tutorial.

Type''' printf''' open brackets double quotes.

Notice the end double quotes are also inserted automatically.

Recall that one of the features of''' Intelligent Text Completion''' is''' “Auto close brackets and quotes”.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click on Tools>> Manage Snippets
| style="border:1pt solid #000001;padding:0.097cm;"| Now, from the''' Main''' menu, select''' Tools''' and''' Manage Snippets.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to Manage Snippets box.
| style="border:1pt solid #000001;padding:0.097cm;"| The''' Manage Snippets''' dialog box appears.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| On the left side panel, scroll down and select 'C'
| style="border:1pt solid #000001;padding:0.097cm;"| On the left side panel, scroll down and select ''''C''''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click on the triangle sign next to it.
| style="border:1pt solid #000001;padding:0.097cm;"| Click on the triangle sign next to it.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the Snippets that are listed down
| style="border:1pt solid #000001;padding:0.097cm;"| The list of all the''' Snippets''' for ''''C'''' are listed here.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click on the''' If''' snippet.
| style="border:1pt solid #000001;padding:0.097cm;"| Click on the''' If''' snippet.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the syntax of the 'If' statement in the top right panel.
| style="border:1pt solid #000001;padding:0.097cm;"| In the top right panel, you can see the complete syntax for the ''''If'''' statement in ''''C'''' language.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the 'If' in the Tab Trigger field.
| style="border:1pt solid #000001;padding:0.097cm;"| Look at the''' Tab Trigger''' field at the right bottom.

It is displayed as ''''If',''' by default.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| So, by typing''' 'If'''' and pressing the''' Tab''' key, the complete''' 'If'''' statement gets inserted.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| Let us see one more '''snippet''' called''' 'else if'.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click on the 'else if' snippet under 'C'.
| style="border:1pt solid #000001;padding:0.097cm;"| On the left hand side, click on the''' 'else if'''' '''snippet''' under''' 'C'.'''

You can see the syntax for this on the top right panel.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the 'elif' in the tab trigger field
| style="border:1pt solid #000001;padding:0.097cm;"| Note the '''Tab trigger''' as''' 'elif''''. Click''' Close.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| Let us see how to use this''' snippet''' in our program.

Switch to''' gedit Text editor.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Type 'elif' and press tab.
| style="border:1pt solid #000001;padding:0.097cm;"| Type ''''elif'''' and press '''tab'''.

You can see that the syntax for''' 'else if'''' is inserted here.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Copy and paste the program

else if(num > 0)

{

printf("Number is positive.");

}

else

{

printf("Number is negative.");

}

    return 0;
| style="border:1pt solid #000001;padding:0.097cm;"| Type the program code as shown here.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| So, with the help of''' Snippets''', we can avoid repetitive typing in our '''source code'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| Next, we will see how to create our own''' Snippet'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click Tools>> Manage Snippets
| style="border:1pt solid #000001;padding:0.097cm;"| Now, from the''' Main''' menu, click''' Tools''' and''' Manage snippets.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Select 'C'
| style="border:1pt solid #000001;padding:0.097cm;"| In the''' Manage Snippets''' dialog box that appears, select''' C'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click on the + icon in the bottom left of the window.
| style="border:1pt solid #000001;padding:0.097cm;"| At the bottom left of the window, click the''' plus''' icon to create a new '''snippet'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the New snippet box.
| style="border:1pt solid #000001;padding:0.097cm;"| A box with the text''' New Snippet''' appears in the''' Manage snippets''' panel.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Type HelloWorld and press Enter.
| style="border:1pt solid #000001;padding:0.097cm;"| Type''' “HelloWorld”''' and press''' Enter'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click on the Edit panel
| style="border:1pt solid #000001;padding:0.097cm;"| Then click on the''' Edit''' panel.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| <nowiki>#include<stdio.h></nowiki>

int main()

{

printf (“Hello World \n”);

return 0;

}
| style="border:1pt solid #000001;padding:0.097cm;"| Type the following code. This is a simple basic program in ''''C''''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| In the Tab trigger field type hello.

Click Close.
| style="border:1pt solid #000001;padding:0.097cm;"| In the''' Tab trigger''' field, type''' “'''hello”'''.''' This is the shortcut keyword used in the editor.

Click''' Close'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click on the Plus icon in the toolbar to create a new document.
| style="border:1pt solid #000001;padding:0.097cm;"| Open a new document in the''' gedit Text editor.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Save the file as helloworld.c
| style="border:1pt solid #000001;padding:0.097cm;"| Save the file as''' helloworld.c'''

If you don't save the file with '.'''c'''' extension, the''' snippets''' will not work.

It will consider the file as a text file, not a ''''c'''' program file.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Type hello and press the Tab key.
| style="border:1pt solid #000001;padding:0.097cm;"| Type''' “'''hello'''”''' and press the''' Tab''' key.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the inserted text.
| style="border:1pt solid #000001;padding:0.097cm;"| The text that we typed in the''' ‘HelloWorld’ snippet''' is inserted here.

This is how we create and use a custom''' snippet'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| Next, let us see how to delete a''' snippet'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click Tools>> Manage Snippets
| style="border:1pt solid #000001;padding:0.097cm;"| From the''' Main''' menu, click''' Tools''' and''' Manage Snippets.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click C

Click on HelloWorld Snippet
| style="border:1pt solid #000001;padding:0.097cm;"| In the''' snippet''' list, click''' C.'''

Click on the''' snippet ‘HelloWorld’''' which we have created.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click the minus icon.
| style="border:1pt solid #000001;padding:0.097cm;"| At the bottom left of the window, click the''' minus''' icon to delete a''' snippet'''.

The''' snippet''' is deleted.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Select the snippet While loop
| style="border:1pt solid #000001;padding:0.097cm;"| Now, locate the''' snippet ‘While loop’''' from the list and select it for deletion.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the disabled delete icon

Click close
| style="border:1pt solid #000001;padding:0.097cm;"| We can see here that the '''delete''' icon is disabled.

This means we can only delete the''' snippets''' which we have created, and not the default ones.

Click '''Close.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Switch back to CheckNum.c
| style="border:1pt solid #000001;padding:0.097cm;"| Let us switch back to''' NumCheck.c''' tab.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the brackets in the program
| style="border:1pt solid #000001;padding:0.097cm;"| In this ''''C'''' program, you can see brackets of different types.

Sometimes, we may lose track of the closing bracket that matches the opening bracket.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| Let us see how to highlight the matching brackets.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click Edit>>Preferences
| style="border:1pt solid #000001;padding:0.097cm;"| From the''' Main''' menu, click''' Edit''' and''' Preferences'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| In the View tab, check the''' Highlight matching brackets''' box.

Click''' Close'''
| style="border:1pt solid #000001;padding:0.097cm;"| In the''' View''' tab, check the''' Highlight matching brackets''' box.

Click''' Close'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Place the cursor on the open curly braces after main()

Point to the corresponding close curly braces
| style="border:1pt solid #000001;padding:0.097cm;"| Now, place the cursor on the open curly braces at the start of the program.

Notice that the last closed curly braces is highlighted immediately.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Place the cursor on the second open curly braces

Point to the second last close curly braces.
| style="border:1pt solid #000001;padding:0.097cm;"| Place your cursor on the second open curly braces.

Notice that the second last closed curly braces is highlighted in gray color.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| This is good way to keep track of the brackets in a program.

It helps ensure that all open brackets have the corresponding closing brackets.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| Next we will learn about''' '''the '''Document Statistics''' feature.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 6:

Document Statistics
| style="border:1pt solid #000001;padding:0.097cm;"| '''Document Statistics plugin''' shows the various statistics related to the current document.

It shows information such as:

* Number of words
* Number of lines
* Number of characters
* Number of non-space characters
* Size of the file in bytes

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click Edit >> Preferences
| style="border:1pt solid #000001;padding:0.097cm;"| From the''' Main''' menu, click''' Edit''' and''' Preferences'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click on the''' Plugins''' tab.
| style="border:1pt solid #000001;padding:0.097cm;"| Click on the''' Plugins''' tab.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Scroll down to see''' Document Statistics'''
| style="border:1pt solid #000001;padding:0.097cm;"| Scroll down to see''' Document Statistics''' option.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Check the Document Statistics box.

Click Close.
| style="border:1pt solid #000001;padding:0.097cm;"| If the''' Document Statistics plugin''' is not enabled then check it.

Click''' Close'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click Tools>> Document Statistics
| style="border:1pt solid #000001;padding:0.097cm;"| From the''' Main''' menu, select''' Tools''' and''' Document Statistics.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the various statistics details
| style="border:1pt solid #000001;padding:0.097cm;"| The''' Document Statistics''' dialog box opens.

It displays the statistics including lines, words, characters and bytes in the document''' NumCheck.c'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Change the printf statement as

printf(“ The given number is Zero”);

| style="border:1pt solid #000001;padding:0.097cm;"| In the file''' NumCheck.c,''' change the words as shown.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Click on Update button.
| style="border:1pt solid #000001;padding:0.097cm;"| Now, from the''' Document Statistics''' dialog box, click on''' Update'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Point to the changes that are reflected in the box.

Click Close.
| style="border:1pt solid #000001;padding:0.097cm;"| Notice, that the information has been updated to reflect the changes we made.

Click''' Close'''.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| This feature is very useful when a document is required to stay within certain number of words.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| This brings us to the end of this tutorial.

Let us summarise.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 7:

'''Summary'''
| style="border:1pt solid #000001;padding:0.097cm;"| In this tutorial, we learnt how to:

* Use default '''snippets'''
* Add new '''snippets'''
* Delete '''snippets'''
* Highlight matching brackets
* Document Statistics

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 8:

'''Assignment'''
| style="border:1pt solid #000001;padding:0.097cm;"| Here is an assignment for you.

* Create a new custom '''snippet''' named '''company header'''
* Enter the complete company address in the edit panel
* In the '''Tab trigger '''field, enter the '''shortcut key''' as''' company'''
* Open a new document and use the '''snippet.'''

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 9:

About Spoken Tutorial project

| style="border:1pt solid #000001;padding:0.097cm;"| The video at the following link summarises the Spoken Tutorial project.

Please download and watch it.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 10:

Spoken Tutorial workshops

| style="border:1pt solid #000001;padding:0.097cm;"| The''' Spoken Tutorial Project''' Team:

* conducts workshops using spoken tutorials and
* gives certificates on passing online tests.

For more details, please write to us.

|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 11:

Forum for specific questions
| style="border:1pt solid #000001;padding:0.097cm;"| * Please post your timed queries in this forum.
|-
| style="border:1pt solid #000001;padding:0.097cm;"| Slide 12:

| style="border:1pt solid #000001;padding:0.097cm;"| Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.

More information on this mission is available at

this link.

|-
| style="border:1pt solid #000001;padding:0.097cm;"|
| style="border:1pt solid #000001;padding:0.097cm;"| This is Nirmala Venkat from IIT Bombay, signing off. Thanks for watching.

|}

@@ Line 44: / Line 44: @@
 What are Snippets?
-| style="border:1pt solid #000001;padding:0.097cm;"| * '''Snippets''' are lines of text or '''source code''' that are used frequently while writing a program.
+| style="border:1pt solid #000001;padding:0.097cm;"|
 * It allows the user to avoid repetitive typing.
@@ Line 137: / Line 138: @@
 Recall that one of the features of''' Intelligent Text Completion''' is''' “Auto close brackets and quotes”.'''
 |-
@@ Line 193: / Line 198: @@
 | style="border:1pt solid #000001;padding:0.097cm;"|
 | style="border:1pt solid #000001;padding:0.097cm;"| Let us see how to use this''' snippet''' in our program.
 |-
@@ Line 243: / Line 246: @@
 | style="border:1pt solid #000001;padding:0.097cm;"| Click on the + icon in the bottom left of the window.
 | style="border:1pt solid #000001;padding:0.097cm;"| At the bottom left of the window, click the''' plus''' icon to create a new '''snippet'''.
 |-

Gedit-Text-Editor/C3/Snippets-in-gedit/English - Revision history

Nancyvarkey at 01:11, 22 October 2016

Nirmala Venkat: Created page with "'''Title of script''':''' Snippets in gedit Text editor''' '''Author: Nirmala Venkat''' '''Keywords: Snippets, plugins, Add new snippets, Delete snippets, Highlight matching..."