Sublime Text 3 Common plug-ins and installation methods

Installing using the Package control component

You can also install the package control component and install it directly online:

Press CTRL + ' bring up console

Paste the following code into the bottom command line and enter:

{

Import Urllib.request,os; PF = ' package control.sublime-package '; IPP = Sublime.installed_packages_path (); Urllib.request.install_opener (Urllib.request.build_opener (Urllib.request.ProxyHandler ())); Open (Os.path.join (IPP, PF), ' WB '). Write (Urllib.request.urlopen (' http://sublime.wbond.net/' + pf.replace (', '%20 ')) . Read ())

}

Restart Sublime Text 3.

--------------------------------------------------------------------------------------------------------------- -------------

Press Ctrl+shift+p to bring up the command panel

Enter install to bring up the Install Package option and enter, then select the plug-in you want to install in the list.

Common plugins:

1----Bracket highlighter "Similar to code matching, you can match parentheses, quotes, and other symbols within the range.

Brackethighlighter can provide St with brackets, quotation marks such as the highlight function, but after installing this plug-in, the default is not highlighted, only underlined, not very eye-catching, need to configure the following

1. Install Brackethighlighter with the package control in St (This is nonsense)

2. After the installation is complete, open preferences, package settings, bracket highlighter, bracket settings–user (note is User), then add the following code

----------------------------------------------------------------------------------------------

{

"Bracket_styles": {

"Default": {

"icon": "Dot",

"Color": "Entity.name.class",

"Color": "Brackethighlighter.default",

"Style": "Highlight"

},

"Unmatched": {

"Icon": "Question",

"Color": "brackethighlighter.unmatched",

"Style": "Highlight"

},

"Curly": {

"Icon": "Curly_bracket",

"Color": "Brackethighlighter.curly",

"Style": "Highlight"

},

"Round": {

"Icon": "Round_bracket",

"Color": "Brackethighlighter.round",

"Style": "Highlight"

},

"Square": {

"Icon": "Square_bracket",

"Color": "Brackethighlighter.square",

"Style": "Highlight"

},

"Angle": {

"Icon": "Angle_bracket",

"Color": "Brackethighlighter.angle",

"Style": "Highlight"

},

"Tag": {

"icon": "Tag",

"Color": "Brackethighlighter.tag",

"Style": "Highlight"

},

"Single_quote": {

"Icon": "Single_quote",

"Color": "Brackethighlighter.quote",

"Style": "Highlight"

},

"Double_quote": {

"Icon": "Double_quote",

"Color": "Brackethighlighter.quote",

"Style": "Highlight"

},

"Regex": {

"Icon": "Regex",

"Color": "Brackethighlighter.quote",

"Style": "Outline"

}

}

}

----------------------------------------------------------------------------------------------

Sulbime Text3 Common Plugins

1, Emmet

Improve HTML & CSS3 writing speed.

2, Theme–soda

A skin that has been used for a long time

3, Sidebarenhancements

Sidebar Right-click Plug-ins to improve page processing speed.

4, HTML5

Sublime TEXT3 Support HTML5

5, Sass

Sublime TEXT3 Support Sass

6. Less

Sublime TEXT3 Support Less

6. All Autocomplete

Check all open files, similar auto-complete plug-ins

7, Sublimecodeintel

Code hints Tool

8, Brackethighlighter

Paired matching enhancements, and modifying the colors of brackets, etc.

9. JQuery

Sublime TEXT3 supports jquery

10, Docblockr

Quick Notes

11, ColorPicker

Color acquisition

12, ConvertToUTF8

UTF8 Conversion

13, Filediffs

Find documents differently

14, Livestyle

With plug-in real-time debugging styles using grunt Watch does not require this plugin anymore.

15, Alignment

The Equals alignment shortcut key will conflict again in Alignment > key bindings–user configuration Shortcut ctrl+alt+f

16, Sublimetmpl

Quick Format Code

17, Gutter Color

Color tips require ImageMagick support

18. Can I Use

You can directly adjust to Caniuse to see the current properties of the browser support situation. Shortcut keys

19, Insertdate

Insert time, the project file when there is a CDN, you need to change the timestamp to see the effect, this is a good thing.

20. Git

Git plugin, which provides a collection of commands commonly used by git.

21, Autofilename

Auto Hint Path plugin

Original address: https://www.douban.com/note/474507021/