Sublime text Common plug-in summary and package control installation method

Source: Internet
Author: User



Sublime Text is a code editor with a beautiful user interface and powerful features, and it is also a cross-platform editor that supports operating systems such as Windows, Linux, Mac os X. This article mainly shares several program development may use the plug-in.








Sublime Text Plugin installation method


Before the introduction of plug-ins, write down the sublime text installation plug-in method, mainly the following two kinds:


1. Install directly by downloading the installation package


In the Editor menu, click "Preferences" – "Browse Packages ..." To open the plug-in installation directory, then unzip the downloaded installation package and place it in the directory (it may need to restart the editor before it takes effect).


2. Online installation via the package Control


The package control is a tool for installing plug-ins online and needs to be installed before use.


    • here's how to install the package control :


Click "View" in the Menu – "Show Console" (which can also be opened by shortcut keysCtrl + `, but may not open due to conflicts with other software shortcuts in the system) to bring up the console. Then paste the following code into the return, you need to wait a little while.


  1. /*sublime Text 2 Code */
  2. ImportUrllib2,Os,Hashlib;H= ' eb2297e1a458f27d836c04bb0cbaf282 ' + ' D0e7a3098092775ccb37ca9d6b2e4b7d ';Pf= ' Package Control.sublime-package ';Ipp=Sublime.Installed_packages_path();Os.Makedirs(Ipp) If NotOs.Path.Exists(Ipp) Else None;Urllib2.Install_opener(Urllib2.Build_opener(Urllib2.Proxyhandler()) ); By =Urllib2.Urlopen( ' http://packagecontrol.io/' +Pf.Replace(‘ ‘, '%20 ')).Read();Dh=Hashlib.sha256(By).Hexdigest(); Open(Os.Path.Join(Ipp,Pf), ' WB ' ).Write(by) if DH == h else none print ( ' Error validating download (got%s Instead of%s), please try manual install ' % ( dh, H) if DH != h else "Please restart Sublime Text to finish installation ' ) /span>
  3. /*sublime Text 3 Code */
  4. ImportUrllib.Request,Os,Hashlib;H= ' eb2297e1a458f27d836c04bb0cbaf282 ' + ' D0e7a3098092775ccb37ca9d6b2e4b7d ';Pf= ' Package Control.sublime-package ';Ipp=Sublime.Installed_packages_path();Urllib.Request.Install_opener(Urllib.Request.Build_opener(Urllib.Request.Proxyhandler()) ); By =Urllib.Request.Urlopen( ' http://packagecontrol.io/' +Pf.Replace(‘ ‘, '%20 ')).Read();Dh=Hashlib.sha256(By).Hexdigest(); Print(' Error validating download (got%s instead of%s), please try manual install ' % (dh, H)) if dh! = h else open(os . path. Join( IPP, pf), ' WB ' ). Write(by)


Restart Sublime text.


    • Installing the sublime plugin via the package Control





Use theCtrl + Shift + Pbring up panel, then enter PCI, select "Package Control:install" and enter, and then enter the plugin name to find the plugin and enter the installation.


Sublime text Common plug-in summary 1. Emmet


Emmet's predecessor is the famous Zen coding, if you are engaged in web front-end development, the plugin must not be unfamiliar. It uses the syntax of the faux CSS selector to generate code, greatly improving the speed of HTML/CSS code writing.








    • Applicable version: Sublime text 2/sublime text 3
    • Call method:Ctrl+Eor!
    • Shortcut keys Daquan
    • : Github


Attached: Emmet working with documents


2. Html-css-js prettify


As you can see from the name, this is a plugin for beautifying HTML, CSS, JS, and JSON code. It is important to note that node. js must be installed first (preferably using the default installation path, or you will need to modify the configuration file after installing the plugin).





    • Applicable version: Sublime text 2/sublime text 3
    • Call method:Ctrl+Shift+PorCtrl+Shift+Hor right-click-"Html/css/js prettify" – "Prettify Code"
    • : Github
3. Sublime? Code? Intel


Support for all Komode editor supported code languages such as: JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Djang O, HTML5, Perl, CSS, Twig, less, Smarty, node. js, Tcl, Templatetoolkit, PHP, etc.






The following features are available:


    • Open and jump to the symbol definition location for functions/classes, etc.
    • Real-time display of module/symbol auto-complete function
    • Display information about the current function in the status bar


Plugin-Related:


    • Applicable version: Sublime text 2/sublime text 3
    • Call method: Jump to define position (Alt+ClickorControl+Windows+Alt+Up), return (Control+Windows+Alt+Left)
    • : Github
4. Autofilename


A plugin that automatically complements the file path and name in the Sublime Text. Before this plugin, if we want to enter the path of the file, we need to rely on their own memory to lose, but you can make sure remember correctly? Can you remember whether the picture is JPG or png? Do you want to enter the file name faster? Well, you definitely need this plugin!





    • Applicable version: Sublime text 2/sublime text 3
    • Call Method:
    • : Github
5. JQuery


A plugin that automatically complements the jquery function with syntax highlighting and includes almost all jquery methods.





    • Applicable version: Sublime text 2/sublime text 3
    • : Github
6. Docblockr


Docblockr is a code quick comment plugin that Sublime Text 2 & 3 can use. Supported languages are:JavaScript (including ES6), PHP, ActionScript, Haxe,coffeescript , TypeScript, Java, Groovy, Objective c, C, c + + and Rust.





    • Applicable version: Sublime Text 2 & 3
    • Call method: Enter/**and pressEnterorTab
    • : Github
7. Brackethighlighter


Brackethighlighter is a sublime under the matching label highlighting the small plug-in, you can match to such as {}, (), "," "and other corresponding symbols or labels highlighted.





    • Applicable version: Sublime Text 2 & 3
    • Call Method: Check the label to display
    • : Github
8. Browser Refresh


A shortcut key allows you to save the file, switch to the browser, and automatically refresh the browser to see the results of the change.





    • Use version: Sublime Text 2 & 3
    • Default is Ctrl+shift+r, can be modified by itself
    • : Github
    • Detailed Description: Browser refresh use


Sublime text Common plug-in summary and package control installation method


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.