Why to Sublime Text?

In my day-to-day work, I am using Sublime Text as my main text editor. It is simple, lightweight but very powerful. It increases my productivity and helps to quickly achieve desired goals. I encourage you to take a couple minutes and read about its features, get familiar with useful tricks, that I am using the most.

Please give it a closer look. Instead just „scan” the article by headings, download Sublime from sublimetext.com and install it. Maybe you’ll also find it useful.

take a shortcut

When is writing code most effective? When you are not touching mouse. Using only keyboard to operate text editor is way faster than moving a mouse cursor and switching options from nested menus. It is only required to get familiar with couple commands and shortcuts unlocking easily manipulation of code and files. Sublime Text comes with a bunch of handy ones.

Ctrl + P

Quick Goto anything. To try it out in the best way, open folder with some project (File | Open Folder…). Once the project is opened, hit Ctrl + P. A small popup will appear. Start typing name of the file you want to open.

Ctrl + P

Sublime will immediately find it in opened folder. You can also include parts of a path in the search pattern. So given  wochaplicont will lead to file within a proper directory.

Moreover, you can append pattern with:

  • #   – search within the file
  • @   – jump to method definition
  • :   – go to line number

When the work with a file is finished, Ctrl + W  closes it, just like in browsers. Ctrl + Shift + W Also  reopens.

 

Ctrl + D

D  is one of most erased keys on my keyboard 🙂 I’m using this function all the time. It marks selected string within opened file.

Ctrl + D

 

Ctrl + Shift + L

Tired of making the same changes line after line by your hand? Just select these lines, hit Ctrl + Shift + L. Now you have separate text cursors at the end of each line and work in many lines just like it would be one.

Ctrl + Shift + L

 

Ctrl + Shift + P

This shortcut opens Command Palette. It gives you access to less frequently used functionalities. Also, a popup is opening, similar to Ctrl + P  one, but this one searches for commands available in Sublime Text itself and installed additional packages. No more crawling menu with mouse and searching for hidden functionality. One of widely used here is Set Syntax command. Sublime automatically sets proper syntax for most popular file extensions, but for less known needs a little help.

Ctrl + Shift + P and ‘ssrub’

 

Ctrl + Tab

Great while working with two files. Even if many more files are opened, Ctrl + Tab toggles between two, recently viewed.

 

Other useful keys:

  • Ctrl + /  – toggle comment
  • Ctrl + [ | Ctrl + ]  – decrease | increase indentation
  • Ctrl + Shift + K  – delete line
  • F12  – when triggered for selected variable/method/class jumps to its definition
  • F9  – sorts all lines in ascending order
Packages

Sublime Text can do a lot but can do more if you want. When basic functionalities are not enough, you can install additional packages. Simply browse them at packagecontrol.io and install easily through command Command Palette ( Ctrl + Shift + P, type install, hit Enter, find the desired package, Enter again, and that’s it). The installation process should be described in the documentation of every extension at packagecontrol.io. If you haven’t found a suitable package, feel free to create your own.

Look for my next post about Sublime Text, I will describe my favorite packages.

 

As you can see, Sublime Text can indeed improve your work. Are you using it yet? If so, please leave a comment and let me know what are your favorite funcionalities. Or download Sublime today. Just give it a try, and don’t forget to use all goods it brings.

DSP Project Report #3

Spring has arrived. Days getting warmer, the sun is shining, birds are singing. I’m not changing the profile of my blog to poetic, but these things are distracting me more and more.

Last week I had couple moments when quitting from contest went through my mind. It’s quite tempting, but I want to hold out to the end.

Fortunately, some progress has been made at FinanceGrinder project. Recently I’ve implemented adding new withdrawals functionality. It is quite simple for now, and similar to adding categories, but it will grow in later time.

Date Picker

Adding withdrawal form has 3 fields: Date, Amount, and User. The last one will be filled automatically in the background when logging in will be implemented.

I would like to focus on a Date field. I started with a simple text field, but typing date in the proper format by hand isn’t convenient. Next I changed it toHTMLs   <input type=”date” /> . It rendered nicely.

Date picker
HTML Date picker in Chrome.

I was able to switch date from a popup or set date using up and down buttons. But it works only on Chrome. Firefox, are you kidding me?! Come on, don’t be delayed. So I decided to use component provided by MaterializeCSS. It’s dead simple to implement.

in view file:

in javascript file:

 

After reloading page, we have a very nice popup with the readable picker. The most important thing for me is that it will behave in the same way on every modern browser.

That’s all for now. Not much, but commits are dropping constantly like raindrops from the roof on a rainy day. And poetry again…