notepad++ Front-end development common plug-in introduction

notepad++ Front-end development common plug-in introduction

notepad++ In addition to its own powerful, there are many very good plug-ins, the following summary of the front-end development process some of the more commonly used plug-ins.

Emmet

Emmet's predecessor was Zen Coding, a plugin that uses the syntax of a mock CSS selector to quickly develop HTML and CSS, a front-end development artifact. It ignores the editor's automatic prompts and auto-completion, seconds Kill your custom shortcuts or AHK hot strings, with smart, concise and efficient input, to give you the ultra-fast writing of a variety of complex and boring HTML and CSS code experience. It can now be installed directly in the notepad++ plugin manager.

For example: Enter div#name and press Ctrl+e to be converted to <div id= "name" ></div>

Detailed Usage Reference: http://www.gbtags.com/gb/share/1996.htm

Finger Text

Tag code replacement and Text AutoComplete plug-in, the editor with this function can effectively improve the writing speed of the code, improve their productivity, such as I input if and then press the TAB key will be replaced if a complete if structure, can greatly improve the efficiency, of course, how to replace the specific can be configured. Detailed usage reference: Finger Text

Textfx

This is claimed to be notepad++ above the best use of plugin, with super-strong text processing capabilities, such as text encoding processing. Programming is to some extent textual work, so this plugin should be very helpful to developers. Previously installed by default, it is now necessary to manually install it yourself. For detailed usage, refer to: http://zhibin07.iteye.com/blog/1287234

Task List

Automatically scan the current document, find all the comments at the beginning of the "TODO:" column in the right panel, double-click to jump to the line. This is similar to the Todo feature in Eclipse, which makes it easy to mark up work that is not done.

HTML Tag

Editing HTML code is useful, it is the main function of matching the selection of tags, html tag encoding and decoding, to JS encoding and decoding, I think the HTML tag encoding and decoding is the most useful function.

Tagsview

You can list the current document's global variables, function lists, and so on, easy to find positioning functions, variables and so on.

JSON Viewer

You can view the JSON as a tree, and you can format the JSON to increase the indentation.

JSLint

JSLint a JavaScript grammar checker to check if your code is good and rules please refer to <<javascript language >>.

RegEx Helper

Matches a regular expression in a document, which you can use to test a regular expression.

Compare Plugin

A very useful tool that can be used to compare two file differences, mainly used to compare the adjacent two files.

Explorer

A File browser window that allows you to create files, folders, and so on. You can also quickly locate the folder for the currently open file.

File switcher

A quick-switch window tool that allows you to find a toggle by entering a filename, path, or tab index, which can be used to replace the default CTRL + Tab.

For reprint, please specify from: Borishuai front-end cultivation > notepad++ front-end development common plug-in introduction

notepad++ Front-end development common plug-in introduction