Html5 development tool-sublimetext2 + emmet plug-in

Html5 development tool-sublimetext2 + emmet plug-in

1. Download sublimetext2,

 

2. sublimetext is a text editor. You can use the plug-in to program IED 10 thousand. Therefore, to manage the plug-in, it is best to install a package control plug-in first. There are two installation methods on the official website:

Method 1: Install the tool online. Press ctrl + 'to open the console, enter the script, and press Enter. After the installation is complete, restart the tool (you need to flip the wall)

 

import urllib2,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; 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')

Method 2: Install the package offline. Download the package offline and click the open link to copy it to the installed packages directory of sublimetext2. Then restart the package.

 

After installation, you can view the package control menu in preference,

 

3. To develop html5 + css, install the emmet plug-in. You can use package control to install the package as follows:

1) ctrl + shift + p enter install package + press ENTER

2) Enter emmet and press Enter.

3) After restarting, you can use it. Emmet is frequently used as follows:

 

Enter html: 5, press Tab or Ctrl + E, enter a, press Tab or Ctrl + E to multiple duplicate objects, and press *, for example, li * 3, and press Tab. If multiple objects are repeated, you can use parentheses to synthesize different control groups into a whole. For example, there are multiple tr values under the table, and there are multiple td values under tr. input: tbody> (tr> td * 4) * 2. press tab. The effect is as follows:

3. nodejs plug-in installation:

1) ctrl + shift + p enter install package + press ENTER; then enter nodejs and select the second press Enter.

2) Restart sublime. The Nodejs folder will be found in the packages directory. after entering the directory, perform the following Configuration:

 

Modify the Nodejs. sublime-build File and encoding to the UTF-8 Nodejs. sublime-settings file as follows:

{  // save before running commands  save_first: true,  // if present, use this command instead of plain node  // e.g. /usr/bin/node or C:inode.exe  node_command: F:Program Filesodejsode.exe,  // Same for NPM command  npm_command: F:Program Filesodejspm.cmd,  // as 'NODE_PATH' environment variable for node runtime  node_path: false,  expert_mode: false,  ouput_to_new_tab: false}

3) create a text. js file, enter console. log (process. ---- whether ();), press the shortcut key Ctrl + B to run, and the output is successful.