Blog

Articles about both source code reading and Read it easy.

How to split an editor in VS Code/NotePad++/Vim

In many code editors, a single pane is the default layout of an editor. And it is not easy to know how to split an editor or add a new pane. Some editors have keyboard shortcuts for splitting an editor. Others have only menus. Let's look at how to split an editor.

Why are coding fonts set by default in Visual Studio Code?

A font for programming is called a coding font. Code editors and IDEs use coding fonts by default. Why? Take a look at fonts for programming.

HTML parent element detection - Show a tooltip to indicate a parent element

HTML parent element detection can detect a parent element and show a tooltip to indicate it if you put a cursor on its child element. HTML parent element detection supports you visually to understand HTML code.

Class folding - Fold the class attribute in HTML

Class folding can fold the class attribute in HTML. This function solves the problem that CSS frameworks like Tailwind CSS make a mess in the class attribute. And it can make it easy to understand the HTML tree structure or the relation between nested elements.

What is "Read it easy"? - The reason we need a tool for source code reading

Source code reading is a hard thing. But it is inevitable as well as coding for software engineers. Reading and understanding other people's code is one of the problems of source code reading.

Learning the fundamentals of syntax for code reading

There are no shortcuts to mastering code reading skills. The first step is "good enough to master the exhaustive basic syntax of a programming language". Don't hesitate to learn exhaustive basic syntax with a fundamental textbook.

Why do we have a feeling of not being good at code reading?

Code reading is an essential skill in any situations or fields of software development. But there are a lot of software engineers who have a feeling of not being good at code reading.

How We Understand the Internal of Text Editor by Code Reading - part3

Editor was the largest class in terms of number of lines (3,041 lines). No doubt that Editor was a core class of Ace. It was also a starting point for developers according to the sample code below in the official site.

How We Understand the Internal of Text Editor by Code Reading - part2

It was hard to infer a role of EditSession from its class name. The only fact we got about EditSession was the second largest file of the 14 core classes. It had 2,570 lines. The large amount of code implied the existance of a lot of functions.

How We Understand the Internal of Text Editor by Code Reading - part1

A lot of programmers know code reading is important, but there are less information about how to read code together with examples. This series tries to show the ways to approach and read code through a challenge of reading all the source code of Ace.