Sublime text 3 plug-ins organize sharing

I see a lot of sharing about the sublime plug-in on the Internet, and it feels like some fragments, without a very detailed sort of finishing instructions. Share some of my favorite sublime text plug-ins here.

• AutoFileName

Quickly help you write paths in a file as a whole

• Autoprefixer

This plug-in mainly applies css browser compatible writing, automatically analyzes your css files, parses out new css files, can configure the browser you want to be compatible with, but this plug-in to install nodejs before

• BracketHighlighter

The profile's highlighting settings, which let your code have different colors to distinguish between the plug-ins that provide pairing labels, or pairing highlights with braces or character quotation marks, are a great addition to the system highlighting.

• BufferScroll

You can easily write a file in multiple places

• ChineseLocalization

Each Chinese bag, little Japan has Oh

• Color Highlighter

Color function is still very cool, looking for a long time

• CSS Comments

Some should have it, some shouldn't have it

• CSS Format

css serialization plug-ins, support the default multiple sequence scenarios, and can also configure their own favorite

• CSS3

The css3 language prompt plug-in, which was not intended to be written, is nothing special, but may be used by someone

• CTags

Real way to jump, jump to your method

Then install ctags software under win7 or linux

1. Open the ctags plug-in package of the use-set configuration "command": "d:/IDE/ctags58/ctags.exe" This path is the installation path to download ctags
2. This plug-in can jump across files to where the specified function is declared (ctrl-alt-left). U se the pack control to search for ctags for installation (installing the ctags plug-in is fine, there is a CTags for PHP plug-in is not useful), note that the plug-in needs to be installed after the ctags command. P ut the .exe file where an environment variable can access it. O pen cmd, enter ctags, and if you have this command, it proves successful. I nstall run commands under ubuntu: sudo apt-get install exuberant-ctags. T hen right-click in the sublime project folder and the Ctag:Rebuild Tags menu will appear. Click on it and then generate a .tags file and then in your code, the cursor is placed on a function, and click to jump to where the function is declared.

• DocBlockr

DocBlocker is an auto-complement annotation plug-in developed on the Sublime platform that supports JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C and Rust

• Emmet

Emmet's predecessor was the famous Zen coding, and if you're working on the Web front end, you're no stranger to plug-ins. It uses the syntax of the imitation CSS selector to generate code, greatly improving the speed of HTML/CSS code writing

• HTML-CSS-JS Prettify

All-powerful serialization

• JavaScript Completions

js the most basic api quick check fragments

• JsFormat

js serialization, can rank in the top 25 download plug-ins, good words need not be said

• Keymaps

Quickly find shortcuts for all plug-ins

• LiveStyle

LiveStyle is a CSS editor plug-in in Chrome that improves development efficiency. V isual development, one configuration at a time, and ease of use with liveStyle and Sublime Text3 editors combined! and recently supported les, scss

Your local css file can be mapped to the browser's css file and synced locally, but must run on chrome and chrome must have the appropriate plug-in installed

• PackageResourceViewer

With this special plug-in, you'll find it easy to view and edit the different packages that come with SublimeText. Y ou can also extract any given package. This action copies it to the user folder so that you can safely edit it.

Many people are distressed not to be able to modify the font size of the left navigation panel, which can be easily done with this

Install the PackageResourceViewer shortcut ⌘ (command) and ⇧ (shift) plus P Open Command Palette Enter Package Control:Install Carriage Return, waiting to load the package list Search and install the PackageResourceViewer package

Finally, use PackageResourceViewer to open the Theme file to edit the shortcut ⌘ (command) and ⇧ (shift) plus P Open Command Palette Enter PackageReSourcer: Open Resource Return, open the package list Select Theme - Default, and then select Default.sublimt-theme search s idebar_label, add a line after "class": "sidebar_label": "font.size": 18, set the font size to 18, save. All right, it's done!

If you think the line spacing is too small, you can look up, there is a class: sidebartree, adjust the rowpadding configuration in it.

• Pretty JSON

JSON, a lightweight data exchange language, is currently responding to many websiteSAX requests in JSON format

• SideBarEnhancements

Enhance right-click menu file operation

• SublimeCodeIntel

A full-featured Sublime Text code auto-completes the engine, which I've compared myself to, but it's a little less than webstorm's auto-search, but it's enough for most people to jump to the way you want

There are quite a few supported languages (JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.

• SublimeLinter

Code check plug-in, support for multiple languages, this is the main plug-in, if you want to detect specific files need to download separately

• SublimeLinter-jshint

This is a separate plug-in, a branch above

• SublimeTmpl

To create a common file initial template, you must html, css, js template

• Tag

HTML/XML tag indentation, complement, and validation

• Themr

Sublime can download many styles, with this plugin can manage all styles

These plug-ins are most of what we use, and I won't go into detail about them, because everyone is different, like git, sass, svn, which you can find yourself

The plug-in's URL is as follows: (https://packagecontrol.io/browse) I hope you can find the plug-in you like