Front-end development tool Sublime, front-end development sublime

Front-end development tool Sublime, front-end development sublime

Today, a friend @ me asked if there is a good IDE recommendation. In fact, there are a lot of text tools to choose from, such as Nodepad ++ and Editplus. I used Editplus a lot before, it may have been a habit for many years.

Later, I used WebStorm for a period of time, and I felt very good. Later I used Sublime. I like this tool mainly because it is clean, lightweight, and right-side thumbnail, there are also a variety of plug-ins.

A brief introduction includes installation and basic configuration, as well as several plug-ins that are essential to my personal experience:

1. Download and install:

Http://www.sublimetext.com/3

Based on your platform (OS, windows or Ubuntu), we will divide it into x64 and x86, and take a closer look at it. It is very easy to download and install.

Ii. basic configuration

Sublime has many plug-ins, which are essential for installing and managing these plug-ins:Package Control[Address: https://packagecontrol.io/installation]

This is a required installation method:

Open Sublime and open the Console through Menu-> View-> Show Console (or press Ctrl + '), for example:

　　

Based on your own version, select the following content, paste it directly to the position shown in the figure, and press enter (after a while, you can complete the installation ):

> Sublime Text 2:

import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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()) ); 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')

　　

> Sublime Text 3:　　

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)

Iii. Install plug-ins

If the above steps are successful, then it is easy to install the plug-in.

Choose Menu> Preferences> Package Control to open the Package Control Manager (or press Ctrl + Shift + P) and enter "IP", for example:

Select the first "Package Control: Install Package", for example:

Enter the name of the plug-in you want to search in the input box, and click Install. For example, to install the Html5 plug-in, you can enter Html. The following will automatically display Html5 and select one you want, you can install it.

4. Several small plug-ins

EMMET: You have heard of Zen Coding for a long time. That's right. It helps you quickly build templates and compile html, js, and css Code. For example, you can open a blank page and enter: html: 5. Directly Tab. HTML page templates in Html5 format are automatically generated.

ConvertToUTF8: If this is not installed, the Chinese characters displayed may be garbled characters, so installation is required.

There are many other plug-ins. I will not discuss them one by one based on my individual needs.

You can use Baidu or look at these places (many of them are repeated ):

Http://www.php100.com/html/it/focus/2014/1128/7935.html

Http://www.oschina.net/translate/20-powerful-sublimetext-plugins