sublime text3 front-end development tools to configure the windows system

1. Open https://www.sublimetext.com/3 download the latest version of Sublime Text 3 installed.

2. Open packagecontrol mounting method according to the installation prompts packagecontrol, or directly open view-> Show Console In the command line paste the following code fragment, and then press ENTER wait packagecontrol installation:
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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)

3. Install the plug-in methods: Ctrl + the Shift + the p- tune the panel, the pop-up input box, pcip, select Package Control: Install Package option, enter, enter in the pop-up plug-in name input box can be installed. Restart editor to apply after installation.

4. A list of commonly used plug, unless otherwise specified in the installation according to Method 3:

1. Quick coding plug Emmet : attached Use
2. Utf-8 encoded plug provided: ConvertToUTF8 , After installing the plug automatically converted to utf-8 format
3. Sidebar extension:
   Synchronization sidebar background color and consistency Editor: SyncedSidebarBg
   sidebar right extended operation: SideBarEnhancements
4. Code plug alignment: the Alignment , attachment configuration
5. Code syntax check-ins: SublimeLinter , after installing the plug-in installed sequentially html, js, css syntax checking daughterboards, installation is as follows, with the pre-installed after Node.js NPM installation :

   1) html syntax check-ins: SublimeLinter-contrib-htmlhint , select the latest installation package zip download extract to package folder and rename it to SublimeLinter-contrib-htmlhint, open cmd nodejs command window, enter npm install -g htmlhint@latest, the installation is complete html check-ins.

   2) js syntax check-ins: SublimeLinter-jshint later, packageControl search install this plug-in, open nodejs the cmd command window, enter npm install -g jshintto complete the installation.

   3) css syntax check-ins: SublimeLinter-csslint later, packageControl search install this plug-in, open nodejs the cmd command window, enter npm install -g csslintto complete the installation.

   SublimeLinter of configuration parameters and methods of use , suggesting common theme style reference gutter-themes

6. Installation widget code formatting the HTML-prettify the CSS-the JS , directly packageControl installation, right click operation corresponding to the formatting code, the following two formats selective installation plug
   1) JS format: JsFormat
   2) Format CSS: the CSS the Format
7. Autocomplete CSS browser plug-prefix: Autoprefixer
8. Speaking editor plugin: ChineseLocalizations
9. Chinese input method editor text cursor follows the list of plug-ins: IMESupport , measured Sogou input method input method QQ normal but still do not follow