Shulou(Shulou.com)06/02 Report--

This article mainly introduces "what are the Sublime Text packages suitable for web front-end development". In the daily operation, I believe many people have doubts about the Sublime Text packages suitable for web front-end development. Xiaobian consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the questions of "which Sublime Text packages are suitable for web front-end development". Next, please follow the editor to study!

1. AlignTab

AlignTab is a plug-in for aligning code. It has a "preview mode" that allows you to preview the effect of alignment before actually applying it (using RegEx annotations). It also has a "table mode" that allows you to set the appropriate alignment for tables in Markdown format and adjust the structure of the table with the | symbol. AlignTab is a convenient extension that can help you organize code alignment and make code easier to read.

Https://github.com/randy3k/AlignTab](https://github.com/randy3k/AlignTab

2. ColorHighlight

ColorHighlight is a plug-in that displays the selected color code and its visual color. If you select "# fff", it will display white. ColorHighlighter supports all CSS color formats, such as Hex, RGB, HSL, and HSV, and includes color keywords such as "red" and "green". It also shows you LESS, Sass, and Stylus variables that contain color values. This plugin can help you deal with colors more intuitively.

Https://github.com/Kronuz/ColorHighlight

3. MultiEditUtils

The MultiEditUtils plug-in improves the "multi-cursor" and "multi-select" functions built into Sublime Text, saving time for editing lengthy lines of code. For example, you can merge or swap between selected lines, and it also allows you to specify the symbols used to split the selected lines, which is an improvement on Sublime Text's split selection. I think this is a necessary plug-in for the master.

Https://github.com/philippotto/Sublime-MultiEditUtils

4. Git Gutter

If you are using Git, it is recommended that you install the Sublime Text plug-in Git Gutter. GitGutter will display a flag in gutter area for any edits, additions, or deletions you make in the code. This allows you to immediately compare your code version with the version on your commit, branch, or HEAD repository.

Https://github.com/jisaacks/GitGutter/

5. Modific

The Modific plug-in is useful when you use Git or SVN at work. Just like Git Gutter, Modific marks your changes in the code. In addition to highlighting changes, you can also press Ctrl+Alt+D to view or compare the differences between the current code and the last commit. Other actions that Modific can perform include previewing the committed code for the current line and restoring code changes.

Https://github.com/gornostal/Modific

6. Inc Dec Value

IncDec Value allows you to increase or decrease multiple numbers at the same time, even if they are on different lines. In addition to numbers, you can also change the values of dates and hexadecimal colors. When using this plug-in, point the cursor to the right of the number, then press Alt+ ↑ to increase the number or press Alt+ ↓ to decrease the number. You can also use the mouse wheel to operate.

Https://github.com/rmaksim/Sublime-Text-2-Inc-Dec-Value

7. FileBrowser

FileBrowser provides a new way to browse files and folders in the project directory. After installing this plug-in, you can access the project directory in the new sidebar and navigate through it with full keystrokes without leaving the keyboard with your hands. When you get used to this plug-in, it can gradually improve your workflow.

Https://github.com/aziz/SublimeFileBrowser

8. IconFont

IconFont provides code snippets for many popular icon fonts, such as FontAwesome, PaymentFont,Typicons, and GithubOcticons. It works like a regular HTML snippet, with each icon abbreviated to the full class and HTML code.

Https://github.com/idleberg/Icon-Fonts-Sublime-Text

9. DistractionFreeWindow

Although Sublime Text's built-in "Free Distraction" feature allows you to focus on writing code or content, mini-maps, sidebars, and all other tabs are hidden in this mode. An undisturbed experience does not mean losing access to these features. You can use the DistractionFreeWindow plug-in here, which provides more flexibility for your non-interference mode:

Https://github.com/aziz/DistractionFreeWindow

10. FilterLines

FilterLines allows you to search for a given "keyword string" or "RegEx comment" in each line of the document. This is a convenient feature when dealing with large amounts of raw data in JSON, JavaScript arrays, and CVS formats.

Https://github.com/davidpeckham/sublime-filterlines

At this point, the study of "what are the Sublime Text packages suitable for web front-end development" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.