Sublime Text 3 Common Plug-ins and installation methods _javascript tips

Related tutorials: Sublime text 3 shortcut keys encyclopedia and configure the compilation environment.

How to install the sublime Text 3 plug-in:

Friends, the station is not easy to live, all rely on advertising fees raised, if this article is helpful to you. Trouble to move the site under the advertising bar, thank you!

Direct installation

Installing the Sublime Text 2 plug-in is convenient and can be downloaded directly from the installation package to the Packages directory (menu->preferences->packages).

Installing with the Package control component

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

1. Press CTRL + ' pull out console (Note: Installed QQ Input Method of this shortcut key will have conflict, Input Method property settings-Input Method management-Cancel Hot key switch to QQ pinyin)

2. Paste the following code to 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 ())

1. Restart Sublime Text 3.

2. If you see the package control item in Perferences->package settings, the installation is successful.

By the way, post sublime Text2 code.

Import Urllib2,os; pf= ' Package control.sublime-package '; IPP = Sublime.installed_packages_path (); Os.makedirs (IPP) if not os.path.exists (IPP) else None; Urllib2.install_opener (Urllib2.build_opener) (urllib2. Proxyhandler ())); Open (Os.path.join (IPP, PF), ' WB '). Write (Urllib2.urlopen (' http://sublime.wbond.net/' +pf.replace (', '%20 ')). Read () ); Print (' Please restart Sublime Text to finish installation ')

If this method cannot be installed successfully, you can download the file here manually to install.

How to install Plug-ins with package control:

1. Press Ctrl+shift+p to pull up the command panel

2. Enter Install to bring up the Install Package option and enter, and then select the plugin to install in the list.

The uncomfortable is that some network environment may not allow access to a strange network environment to set up a firewall, and sublime Text 2 seemingly unable to set the agent, may not get the installation package list.

Ok, the method is finished, here is the topic of this article, some useful sublime Text 2 plug-ins:

GBK Encoding Support

corresponding to gb2312, Sublime Text 2 is not supported by the ctrl+shift+p, we can pull up the command panel or perferences->package contro, input Install Install option and enter the "GBK Encoding Support" option to start the installation, the lower left corner of the status bar prompts for a successful installation. At this time open GBK encoded files will not appear garbled, if there is a need to turn into utf-8 can be in FILE-GBK to utf8-choose Save with UTF8 on the I see.

Zen coding

This, do not explain, do not know zencoding students strongly recommend to see: "Zen Coding: A quick way to write html/css code."

Emmet

The developer of the Ps:zen coding for Sublime Text 2 plugin has stopped sharing on GitHub and is now only installed through the package control.

JQuery Package for Sublime Text

If you can't live without jquery, this is a must.

Sublime PREFIXR

PREFIXR,CSS3 private prefix auto-complement plugin, obviously also useful wow

Sublime PREFIXR

JS Format

A JS code format plug-in.

Sublimelinter

A plug-in that supports lint syntax can highlight the lines of code that Linter think is wrong, and it also supports highlighting special annotations such as "TODO" so that it can be quickly positioned. (IntelliJ idea of the TODO function is very good, this plugin although not compared to, but also enough for it)

Sublimelinter

Placeholders

So name thinking, placeholder, including some placeholder text and HTML code fragment, practical.

Sublime Alignment

Automatic alignment for code formatting. Legend of the latest version of Sublime has been integrated.

Clipboard History

Pasteboard history to facilitate the use of copy/cut content.

Detectsyntax

This is a code detection plug-in.

Nettuts Fetch

If you are using a common or open source framework, such as Normalize.css or Modernizr.js, but after a while, maybe the open Source Library has been updated, and you don't find that this time may not be appropriate for your project, then you have to toss it again or continue using stale files. Nettuts fetch allows you to set up a list of files that need to be synchronized, and then save the updates.

Jsminifier

The plugin is based on Google Closure compiler, automatically compressed JS files.

Sublime Codeintel

Code Auto Prompt

Bracket highlighter

Similar to code matching, you can match the range within a symbol such as parentheses, quotes, and so on.

Hex to HSL

Automatically converts color values from 16 to HSL format, shortcut keys Ctrl+shift+u

GBK to UTF8

Transfer file encoding from GBK to sing UTF8, shortcut key Ctrl+shift+c

Git

The plugin basically implements all of Git's functionality.

Summarize

Well, that's probably it, if you have a common plugin or extension, welcome to recommend. Sublime Text 3 is really a love at first sight editor, every time and others chat to the editor will be recommended ...