Sublime Text 3 can be recommended with supported plugins

Source: Internet
Author: User
Tags install node



Starting from February with beta version build 3012 started with sublime text 3, although many plugins in sublime text 3 did not work, because sublime text 3 fixed a number of 2 bugs, improved performance and integrated a number of common plug-ins features, There was nothing to ask for, so silly naked plug-in empty handwriting code used for almost 5 months. Last month 27th Sublime Text 3 public test, but also can try, estimated plug-in update is almost there, determined on GitHub to see if there is sublime Text 3 can use the plug-in, after a few days toss and trial, feel good, recommend to everyone, you choose your good and use it.



Package control plug-in management



Sublime text very powerful plug-in management plug-in, press CTRL+SHIFT+P, the package control can choose Plug-in installation, management, deletion, etc., because sublime text 3 plug-in needs to be written based on Pyhone 3, So using the Sublime Text 2 installation method, you can look at the article I wrote earlier, Sublime text 3 How to install the package control approach.



In addition, the plugin that installs sublime text 3 can also download source files on GitHub and rename them to



C:\Users\Mr.DenGo (your computer name) \appdata\roaming\sublime Text 3\packages



Restart Sublime Text 3 to take effect.



Brackethighlighter highlighting matching brackets, quotes, and labels



Brackethighlighter This plugin can highlight matching brackets, quotes, and tags on the left, matching,,,,[](){}""‘‘<tag></tag>等甚至是自定义的标签,当看到密密麻麻的代码分不清标签之间包容嵌套的关系时,这款插件就能很好地帮你理清楚代码结构,快速定位括号,引号和标签内的范围。






Plugin Download: https://github.com/facelessuser/BracketHighlighter/tree/BH2ST3



Trailingspacer highlight extra spaces and tabs



Sometimes in the end of the code more than a few space or tab, generally do not notice, trailingspacer this plug-in can highlight the extra Space and tab, and can delete them with a button, the code neat friends should like this plugin.






Plugin Download: https://github.com/SublimeText/TrailingSpaces



Note that the plugin downloaded on GitHub is missing a file that sets the shortcut key and can create a new name and suffix for the default (Windows). sublime-keymap file, and add the following code to set "Delete extra spaces" and " Whether to turn on Trailingspacer "shortcut key.


[
    { "keys": ["ctrl+alt+d"], "command": "delete_trailing_spaces" },

    { "keys": ["ctrl+alt+o"], "command": "toggle_trailing_spaces" }
]


Alignment equals alignment



According to Ctrl+alt+a, can be messy code to the equal sign about it, suitable for the code neat friends.






Plugin Download: Https://github.com/kevinsperrine/sublime_alignment/tree/python3



Clipboard-history Paste Board History



With this plugin, it is easy to use sublime text 3 in the Clipboard history content, shortcut keys Ctrl+shift+v can bring up the history panel, press the arrow key to select the history you want to paste. But this is sublime text 2 under the plug-in, Ctrl+shift+d clear pasteboard history does not seem to take effect, but restart Sublime can also clear the history of the pasteboard.






Plugin Download: https://github.com/kemayo/sublime-text-2-clipboard-history



GBK4SUBL supports GBK encoding



Sublime text A regret is not supported in Chinese GBK encoding, in the editing of some GBK encoded files will appear garbled, fortunately sublime text 2 has a lot of support GBK encoding plug-ins, but most of the sublime text 3 can not work, On GitHub, fortunately there are GBK4SUBL this allows sublime text 3 to support GBK encoded plugins.



Plugin Download: Https://github.com/jeewood/gbk4subl



Tradsim Chinese Traditional font and simplified character conversion



Tradsim is a Chinese font and simplified characters to convert to and from each other plug-in, only support UTF-8 code, although feel a little chicken, but still introduced to the needs of friends, install plug-ins, because there is no shortcut key files in the package, so we can customize one, You can create a new name and suffix for the default (Windows). sublime-keymap file, and add the following code to set the shortcut keys for convert to simplified and convert to complex fonts. Note: The conversion is the global Chinese in the file.


[
    {"keys": ["ctrl+alt+s"], "command": "tradsim_to_sim"},

    {"keys": ["ctrl+alt+t"], "command": "tradsim_to_trad"}
]


Sidebarenhancements Side Bar Enhancements



Sidebarenhancements is a plugin to enhance sidebar, here will teach you how to do sublime text 3 browser Preview plugin, and can customize the browser preview shortcut keys.





To install this plugin, click on the toolbar of Preferences > package setting > Side bar > Key Building-user, type the following code, here set press Ctrl+shift+c to copy the file path, press f1~ F5 in Firefox,chrome,ie,safari,opera browser preview effect, of course, you can also define your favorite shortcuts, and finally note that the browser path in the code to the file path in your own computer.


[
    { "keys": ["ctrl+shift+c"], "command": "copy_path" },
    //firefox
    { "keys": ["f1"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\software\\Browser\\Mozilla Firefox\\firefox.exe",
                "extensions":".*" // matches any file type
            }
    },
    //chrome
    { "keys": ["f2"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Users\\Mr.DenGo\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
                "extensions":".*"
            }
     },
    //ie
     { "keys": ["f3"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
                "extensions":".*"
            }
    },
    //safari
    { "keys": ["f4"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\software\\Browser\\Safari\\safari.exe",
                "extensions":".*"
            }
     },
     //opera
     { "keys": ["f5"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "C:\\software\\Browser\\opera\\opera.exe",
                "extensions":".*"
            }
    }
]


ColorPicker Toner Plate



When editing CSS style, to add a favorite color or change the color of what, to the PS to color? ColorPicker can let sublime text 3 built-in a palette, adjust the color, click OK will generate hex color code at the cursor.






Plugin Download: Https://github.com/weslly/ColorPicker



Hex-to-hsl-color hex color Mode turn HSL color mode



In the use of some of the properties of CSS3 will use the HSL color mode, with the software is really troublesome, with the Hex-to-hsl-color this plugin can be easily resolved, the mouse selected one or more hexadecimal color code, press Shift+ctrl+u immediately converted to HSL color mode.






Plugin Download: Https://github.com/atadams/Hex-to-HSL-Color



Csscomb CSS Property Ordering



Sometimes look at their own writing CSS files, will not feel the property is very messy to find difficult to maintain? Csscomb can reorder the cluttered CSS properties by following certain CSS property collation rules. Select the CSS code to sort, press Ctrl+shift+ C, you can reorder the CSS properties, the code from this simple and orderly easy to maintain, if the code is not selected the plug-in will sort all the CSS properties in the file. Of course, you can customize the CSS property collation, open the Csscomb.sublime-settings file in the plug-in directory, change the inside of the CSS property order is OK.






Plugin Download: https://github.com/csscomb/CSScomb-for-Sublime



CSS Compact Expand CSS Properties expand shrink



Everyone has a different style of writing CSS, some people like to write a line, some people like to write a line, each has its own advantages, I would like to write a line of CSS, which can reduce the size of the CSS file, and the screen can show more class convenient to find. If reading other people's code does not conform to their own habits, you can use the CSS Compact expand this plugin to format CSS, press ctrl+alt+[to shrink the CSS code for a row, press ctrl+alt+] Expand the CSS code for the multi-line display, this plug-in by the sublime A cow in the TEXTQQ group package.






Plugin Download: http://pan.baidu.com/share/link?shareid=251331&uk=590661480&third=15



Jsformat JavaScript formatting



Sometimes from the internet to get someone else's JS code to learn, open found to be compressed, then you can use the Jsformat plug-in format JS code, restore the non-compressed when the typesetting, quite to the force. Press the shortcut key ctrl+alt+f to format the current JS file.



Plugin Download: Https://github.com/jdc0589/JsFormat



Sublimetmpl Quick Generate file template



It's always been weird. Why sublime text 3 does not have the ability to create a new file template, like the DTD declaration for HTML headers is copied and pasted every time. With Sublimetmpl this plug-in finally can be freed, Sublimetmpl can create new HTML, CSS, JavaScript, PHP, Python, ruby Six types of file templates, all the file templates are in the Plugin directory templates folder , you can customize the edit file template.



Sublimetmpl Default shortcut keys


ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python


If you want to create a new type of file template, first customize the file template in the Templates folder, and then open Default (Windows) separately. Sublime-keymap, Default.sublime-commands, Main.sublime-menu, sublimetmpl.sublime-settings These four files according to the format of the inside to customize the type you want to create, here is detailed introduction, please yourself to toss ha ~



Plugin Download: Https://github.com/kairyou/SublimeTmpl



Emmet Html/css Quick Edit (formerly Zen Coding)



Zen coding estimate everyone will not unfamiliar, and soon renamed to Emmet, although with Emmet edit HTML quickly, but to use fast it needs to pay not small study cost, learning curve is a bit steep, so that novice curiosity and fear, I see the lively on the line, The feeling of editing faster thinking is also useless, for me sublime text 3 comes with code hints enough. There are a lot of teaching videos on the internet, which are interesting to learn.






Plugin Download: https://github.com/sergeche/emmet-sublime



Sublimelinter Code Error hints



The nice words are written in front: Sublimelinter is a handful of code check plugins that work in sublime text 3, Sublimelinter can check the error codes and hints in HTML, CSS, JavaScript, PHP and many other languages, If you need to configure the appropriate language environment, to check the JS code needs to install node. js, check the PHP code needs to install PHP and configure the environment, etc., with this plug-in to help us correct the code errors, and cultivate our good coding habits and style.



Ugly words said in the back: "Mandatory" code for this article style check a bit uncomfortable, meaningful code hints often upset me to hit the rhythm of the code, and run the check mechanism in the background caused sublime text 3 a little bit of a lag, although some problems can be set Sublimelinter to solve, After a short period of time with the sublimelinter or give up, I think the code hint to me should not be necessary.






Plugin Download: https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3



The above plug-in is just a person feel good, you choose your best and use, in Win8 under Sublime text 3 test work is normal, click here can also see more sublime Text 3 supported plug-ins. Careful friends also found that a lot of plug-ins overlap The shortcut, you will be in accordance with their own good settings on the line. The last note is to download the plugin on GitHub first to see if the plugin has no explicit support sublime text3, if not see Branch branch there is no ST3 version of the plug-in, not downloading the wrong plugin version.





Sublime Text 3 can be recommended with supported plugins


Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.