Sublime Text 3

Create a portable version of Sublime Text 3:

1, official website (Sublime Text 3) download software, direct installation, do not open after installation , and then we have to do is in the software installation directory , for example, the installation directory on my computer is: D:\Sublime Text 3. Create a new Data folder under this directory (note case), such as:

After this step, open sublime Text, all the configuration files will be generated in the Data folder!

2, install the package control and required plug-ins.

3, packaging, put on U disk, network disk ...

Plugin article:

Emmet (Zen Coding) ---Quickly generate HTML snippets of plug-ins, powerful to unparalleled: you can write html/css/js very quickly, of course, this plugin also supports a variety of compilation environments, such as common: Eclipse/aptana, Coda , notepad++, Adobe Dreamweaver, TextMate, etc.,Web development essentials !!!

Autoprefixer---This is a CSS3 private prefix auto-complete plug-in, the plug-in use Caniuse library (of course, sublimetext Nature also has caniuse this plugin), can accurately determine which attributes need what prefix, and the same as the Csscomb plug-in , the plugin also requires that the system has the node. JS environment installed, using the method: Press the TAB key after entering the CSS3 attribute (before the colon).

Brackethighlighter---Used to match parentheses, quotes, and HTML tags. Useful for very long code. After installation, you do not need to set the plugin to take effect automatically.

Csscomb---CSS property sorting sometimes look at their own CSS files, will not feel the property is very messy to find difficult to maintain? Csscomb can reorder the cluttered CSS properties by following certain CSS property collation rules. Select the CSS code to sort, press ctrl+shift+c, you can reorder the CSS properties, the code from this simple and orderly easy to maintain, if the code is not selected, the plug-in will sort all the CSS properties in the file. Of course, you can customize the CSS property collation, open the Csscomb.sublime-settings file in the plug-in directory, change the inside of the CSS property order is OK. Because this plugin is written in PHP, you need to add a PHP path to the environment variable to make him work, see the instructions on GitHub for details.

COMPACTEXPANDCSS---Properties expand receive abbreviation CSS of the pot friends, like to write it more than one line or a line (personally like to format it as multiple lines)? If you read someone else's code does not conform to their own habits, you can use the CSS Compact expand this plugin to format CSS, press ctrl+alt+[to shrink the CSS code for a row, press ctrl+alt+] Expand the CSS code for the multi-line display; obsessive-compulsive disorder coder must!.

Sublimetmpl---Quickly generate file templates It's always strange why sublime text 3 does not have the ability to create a new file template, like the DTD declaration for HTML headers, to be copied and pasted every time. With Sublimetmpl this plug-in finally can be freed, Sublimetmpl can create new HTML, CSS, JavaScript, PHP, Python, ruby Six types of file templates, all the file templates are in the Plugin directory templates folder , you can customize the edit file template.

Autofilename---Auto-complete path

SFTP---Quick edit remote server files under win with Xftp and WINSCP, by this need to switch click or F5 refresh manual operation the egg hurts to no words; so I met this sftp, circumnavigated the world is a lot better. Of course sublime below also have some other synchronous plug-ins, such as FTPSNYC, but the configuration of the error hint is not humane, the relentless abandon. Sublime under the SFTP, as long as the ctrl+s can synchronize local to the server, the proper cool crooked have? How to configure, see Using the SFTP plugin in Sublime text to quickly edit remote server files, if you want to use Ftpsync see Sublime Use and Ftpsync remote synchronization; Boulevard to Jane, for Jane, happy base code, worth tossing.

Goto-css-declaration---Jump to the CSS file of the class declaration, easy to modify the view, as shown below, note that the corresponding CSS file to open at the same time.

Jsformat---Format JS code, understand self-understanding, obsessive-compulsive disorder coder necessary! Default shortcut key Ctrl+alt+f.

CSS Format---CSS formatting

Tag---HTML formatting

Clipboard Manager---

ConvertToUTF8---

HTML5 Doctor CSS Reset Snippet---

HTML5---HTML5 label expansion

Imesupport---

Oceanic Next Color Scheme---

Package Control---

quotehtml---put HTML into JS Insert string, Absolute artifact, for the benefit of society

PyV8---

YUI Compressor---

Tomorrow Color Schemes---

Sublime Text 3