Sublime Text - Locus IT Services

Sublime Text

Locus IT ServicesSublime Text
  • 1.Sublime Text
  • 2.Sublime Text – Installation

    Sublime Text editor is supported by the following major operating systems: · Windows · Linux and its distributions · OS X You can download Sublime Text from its official website: www.sublimetext.com In this chapter, you will learn about the installation of Sublime Text on various operating systems.

  • 3.Sublime Text – Data Directory
  • 4.Sublime Text – Creating First Document

    In this chapter, you will learn step by step how to create a file in Sublime Text. Step 1: Use the option New File to create a file in Sublime Text editor.Step 2: Once the new file is available, you can insert the code, similar to any other text editor, and save the file in your working repository. Step 3: Once you save the associated file, Sublime Text editor provides a variety of options based on the type of file, for example .php for PHP scripts, .py for Python scripts and .java for Java code base. Step 4: As our code repository is on Python project, we will save the file as demo1.py

    No items in this section
  • 5. Sublime Text – Editing First Text Document

    Code editors allow the users to edit the code scripts and text documents with various shortcut keys. In this chapter, let us understand through various examples about editing options of first text document in Sublime Text.

  • 6.Sublime Text – Patterns of Code Editing

    There are various types of code editing and shortcut keys used in Sublime Text editor: · Splitting the selection into lines · Wrapping the complete paragraph in HTML file · Finding all occurrences This chapter discusses each of them in detail.

  • 7. Sublime Text – Sublime Linter

    Linting is the process of flagging suspicious constructs and likely to be bugs in any programming language. Sublime Linter is the package of Sublime Text that helps you to perform linting in Sublime. It helps in creating files in different modes for the manipulation of code base. It is not an in built package and you need to install it manually. You can install any package control in Sublime Text editor using the shortcut key combination Ctrl+Shift+P, and selecting the Package Control: Install Package option. Select the associated package to install in Sublime Text editor. To install Sublime Linter, you need to select the option of SublimeLinter plugin. successful installation.

  • 8. Sublime Text – Shortcuts

    Sublime Text editor includes shortcuts and methods for manipulating the output. This chapter discusses in detail about these shortcuts with the help of suitable illustrations. Opening the Command Palette Command palette in Sublime Text editor includes options for installing packages and console. The shortcut key for this purpose is Ctrl+Shift+P for Windows and Cmd+Shift+P for Mac. The screenshot given below shows opening the command palette using this shortcut. Toggle Side Bar Sublime text editor includes a side bar which displays the scripts or the file names. You can use the shortcut key Ctrl+KB on Windows and Cmd+KB for Mac for this purpose. Display Scope in Status Bar The shortcut key Ctrl+Shift+Alt+P for Windows and Ctrl+Shift+P for Mac displays scope in the status bar. The following screenshot shows an illustration of this shortcut.Python Console When you are working with Python scripts using Sublime Text editor, you can use Ctrl+` for Windows or Control + ` for Windows, to operate the Python console.New Window With new windows, you can manage a number of projects simultaneously. You can use the shortcut key Ctrl+Shift+N on Windows and Cmd+Shift+N for Mac to create a new window on Sublime Text editor.

    No items in this section
  • 9. Sublime Text – Snippets

    Snippets are the smart templates which can be reused whenever needed. Sublime text editor includes snippets feature for HTML templates. In this chapter, you will learn about them in detail.

  • 10. Sublime – Macros

    Macros are the basic automation facility that includes a sequence of commands. You can use macros whenever you need to perform an operation which includes same steps. Macro files are JSON files with an extension called .sublime-micro and are considered to be very helpful.

  • 11. Sublime Text – Key Bindings

    Key bindings in Sublime Text helps a user to process and map the sequences of key presses to actions. They are defined in the JSON format and are stored in .sublime-keymap files. For better integration, it is important to keep separate key map files for Linux, OSX and Windows. Key maps of the corresponding platform will be loaded in the Sublime Text editor. A user can open the keymap file or default key bindings using the option Preferences -> Key Bindings. The following example shows how to perform key bindings in Windows: [ { "keys": ["ctrl+shift+n"], "command": "new_window" }, { "keys": ["ctrl+shift+w"], "command": "close_window" } ]

  • 12. Sublime Text – Column Selection

    In this chapter, you will learn various shortcuts keys to move and select the columns of a file in Sublime Text.

  • 13. Sublime Text – Indentation

    Indentation is the process of maintaining the code blocks of programming languages to maintain a systematic structure. It helps to convey the developers a better structure of program. This chapter explains you in detail about indentation in Sublime Text editor.

  • 14. Sublime Text – Base Settings

    Base settings of the Sublime Text editor are the configuration needed for editor such as font size, display of line numbers or color scheme of the editor. All the base settings are configured in JSON format. To view the list of settings, go to menu of Preferences -> Settings The settings include two types of configurations namely: 1. Default 2. User Default includes all the default configurations and user defines the customized settings for base settings. For the scenario mentioned above, the customized settings are as mentioned below: "font_size": 15, "ignored_packages": [ "Vintage" ]

  • 15. Sublime Text – Theme Management

    Theme management in Sublime text editor implies enhancing the appearance of editor with colors and attractive backgrounds. Themes are JSON formatted values with .sublime-theme extension and manage the appearance of the user interface of the editor by changing the colors of elements of the IDE.

  • 16. Sublime Text – Understanding Vintage Mode

    Vintage mode in Sublime text editor is a package that includes a combination of editing features of vi. Vintage Mode lets you to use a list of vi commands in the Sublime editor. Vintage mode is an open source project and you can download it from the link: https://github.com/sublimehq/Vintage

  • 17. Sublime Text – Vintage Commands

    Vintage mode includes a variety of commands similar to the vi editor. This includes the basic settings of Sublime Text editor as shown in the code given below: { "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", "font_size": 15, "ignored_packages": [ ], "vintage_start_in_command_mode": true, "theme": "Soda Dark.sublime-theme" } Mode Description Key Command Mode Waits for the user to enter a command Esc insert Mode Text can be inserted in different positions i/I/a/A Visual Mode Select/highlight the text using the Movement Commands V Visual Line Mode Select/highlight lines of text using the arrow keys Shift + V

  • 18. Sublime Text – Testing JavaScript

    Sublime Editor includes testing modules for various programming languages. This helps in unit testing of files and scripts and helps developers to analyze bugs, errors and issues, if any. Sublime Text editor includes 3 modules which are necessary for testing and deployment of JavaScript. This chapter discusses them in detail.

  • 19. Sublime Text – Testing Python Code
  • 20. Sublime Text – Spell Check
  • 21.Sublime Text – Packages
    No items in this section
  • 22. Sublime Text – Menus
  • 23. Sublime Text – Sub Menus of Font
    No items in this section
  • 24. Sublime Text – Developing Plugin
  • 25. Sublime Text – Command Palette
  • 26. Sublime Text – Debugging PHP Application

    Debugging is the process of finding errors and bugs in the given code and fixing them. Sublime editor includes various plugins that have debugging features, which helps in finding errors easily. In this chapter, you will learn how to debug a PHP web application. Sublime uses Sublime TestX debug plugin for this purpose. The features of this plugin are: · It is an extension used for debugging the PHP files and scripts. · Provides a list of debugging and profiling capabilities. · Maintains stack traces and real time parameters like display and functionalities.

  • 27. Sublime Text – Debugging JavaScript Application

    Sublime Text Editor has a plugin Web Inspector for debugging JavaScript code. It helps us to set breakpoints, examine the console and evaluate sections of code. In this chapter, you will learn in detail about this plugin.

  • 28. Sublime Text – Batch Processing

    Batch processing in Sublime Text also refers to Build systems. Build systems helps user to run files through external programs such as make, tidy and interpreters. The following points are worth notable while working with Build systems: · They are JSON files and have the extension .sublime-build. · To initiate the build process, you can select the option Tools -> Build or the shortcut Ctrl+B on Windows and Cmd+B for OSX system. Recall that throughout this tutorial, we are focusing on Python files. Sublime text includes two build modes for python files. Once the build for Python is completed, you can observe the output on the editor. You can see the list of build results created for the specific project in Sublime Text editor using the option Tools -> Build Results-> Show Build Results.

  • 29. Sublime Text – Distraction Free Mode

    Distraction Free Mode in Sublime Text editor allows displaying the code and files full screen. You can enter distraction free mode via option View -> Enter distraction mode menu item. Once the distraction mode is enabled in the Sublime Text editor, the output will be visible. All UI chrome accessible items are hidden, but accessible in distraction mode.

  • 30. Sublime Text – SublimeCodeIntel Plugin

    SublimeCodeIntel is an important plugin for the Sublime Text editor. It offers the following features: · Jump to symbol feature, which helps the user to jump to the file and the specified line of the symbol. · Includes library of autocomplete and displays the modules/symbols in real time. · Tooltips display information in the status bar about the associated function.

Installation of Sublime Web Inspector

The following steps show the installation of Sublime Web Inspector:

Step 1 Use the menu option Preferences -> Browse Packages to get the path of installed
packages

Step 2 With the help of git command prompt, clone the packages of Debugging Javascript web application using the git repository, as shown in the command given below:

git clone -b ST3 “git://github.com/sokolovstas/SublimeWebInspector.git”

Step 3
To test the installation, open a command palette and start the web inspector. You can use the shortcut key for web inspector Ctrl+Shift+R on Windows and Cmd+Shift+R on OSX systems. You can see all the breakpoints needed for JavaScript application

Locus IT Project Management Office
What’s it?