Sublime Text plugin (front-end for personal use)

First, Software Installation

St Chinese Forum: http://sublimetext.iaixue.com/or http://sublimetext.iaixue.com/dl/#sublime_text_3103. win.optimize.x64

Second, the package control installation

Method One: Online installation, first open Ctrl + ~,st2 Enter the following 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‘) 

ST3 Enter the following code:

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())

Restart the software after the installation is finished.

PS: Enter CTRL + Shift + P and then enter the install package to see if it can be adjusted to verify that the installation is successful.

Third, install the plug-in

Installing the package control after you install the plugin is simple, enter CTRL + Shift + P and then find the plug-in installation you want to install.

Install sublime text plug-in backup, directly unzip the plugin, and then put the extracted folder name to click Preferences----Browse Packages, enter the folder folder, the installation is successful.

Four, the plug-in set

• jquery package for sublime Text: If you can't live without jQuery, this must
• javascript-api-completions: Plugin that supports JavaScript, JQuery, Twitter bootstrap framework, HTML5 tag attribute hints, is a handful of support sublime text 3 suffix hint plugin, HTML5 tag hint Sublime text 3 comes with, but jquery hint is still useful, you can set the language to prompt.
• Sublimetmpl Quick Generate file Template: New HTML, CSS, JavaScript, PHP, Python, ruby six templates, all file templates in the plug-in Directory Templates folder, you can customize the editing file template.
• encodinghelper: Many coding, more rich
• Compare side-by-side: Compare object files, right-click on the tab to compare Compare with ... and select another open comparison object, sublime will automatically pop up a new window showing two files
• brackethighlighter: Show me in which brackets
• Sublime PREFIXR: CSS3 private prefix auto complement plugin
• sublimelinter: A plugin that supports lint syntax, can highlight lines of code that Linter think is wrong, and also supports highlighting some special annotations
• placeholders: placeholder, including some placeholder text and HTML code snippets
• JSFormat: JS code formatting
• trailingspacer : Highlight extra spaces and tabs
• css Compact Expand : CSS Properties Expand shrink
• Gitgutter & modific: These plug-ins can be high on lines that have changed in the last commit, in other words a real-time diff tool.
• allautocomplete: Search for all open files to find matching prompt words.
• Emmet : The project was formerly known as the Zen Coding by front-end developers (a solution for writing HTML/CSS code quickly).
• Terminal: Open terminal in the same directory as the current file
• SUBLIMEREPL: Allows you to run various languages (NodeJS, Python,ruby, Scala, Haskell, and so on) in Sublime Texxt.
• colorpicker: Color selection Tool, editor using-ctrl/cmd + Shift + C. Guttercolor and Colorhighlightergutter can display great color highlighting in gutter, simplifying the positioning of color codes.
• Markdownpreview : Write Markdown locally, preview the file, and highlight the color.
• markdownediting: Syntax highlighting, abbreviations, auto-completion, color scheme.
• Docblockr: Helps you create your code annotations by parsing functions, parameters, variables, and automatically adding basic items.
• webinspector: In JavaScript debugging, it's an amazing tool to sublime the complete code checker.
• brackethighlighter: Opening and collapsing code
• floobits: Sublimetext, Vim, Emacs, IntelliJ Idea's great extension tool, which allows developers to write code in collaboration with different editors.
• autofilename: Auto-Complete file path-very convenient. No nonsense.
• colorcoder: All variables are highlighted, so code positioning can be greatly simplified. This is especially helpful for programmers who have dyslexia.
• plaintasks: Outstanding Todo Table! All tasks are kept in the file, so it is convenient to bind tasks and projects together. You can create items, label, and set dates. Competitive user interface and shortcut keys.
• caniuse: If you want to check whether the browser supports the CSS and HTML elements that you include in your code, then this is the plugin you need. All you need to do is choose the element in question, and the plugin will do the rest for you.
• filediffs: Allows you to see the difference between the two different files in the Sublimetext. The objects you can compare can be data copied from the Clipboard, or files in the project, files that are currently open, and so on.

Sublime Text plugin (front-end for personal use)