{"id":188,"date":"2013-09-07T18:35:22","date_gmt":"2013-09-07T16:35:22","guid":{"rendered":"http:\/\/hesmid.nl\/test\/?p=188"},"modified":"2013-09-08T15:38:05","modified_gmt":"2013-09-08T13:38:05","slug":"sublime-text-2-plugins","status":"publish","type":"post","link":"https:\/\/hesmid.nl\/test\/sublime-text-2-plugins\/","title":{"rendered":"Sublime Text 2 Plugins"},"content":{"rendered":"<h4><span style=\"color: #ff9900;\">For WordPress:<\/span><\/h4>\n<p>Some Sublime plugins that work great (so I&#8217;ve heard) with WordPress development<\/p>\n<ul>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/PhpTidy\">PHPtidy<\/a><a href=\"https:\/\/github.com\/welovewordpress\/SublimePhpTidy\" target=\"_blank\"><br \/>\n<\/a>Not Worpress specific, but this little extension ensures that your code is in compliance with WordPress Coding Standards.<br \/>\nUsage:<br \/>\nctrl + shift + P and type <code>Tidy PHP<\/code>, or you can use the ctrl + alt + T keybinding.<br \/>\n<a href=\"https:\/\/github.com\/welovewordpress\/SublimePhpTidy\" target=\"_blank\"><!--more--><br \/>\n<\/a><\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/HtmlTidy\">Html\u200bTidy<br \/>\n<\/a>This is a plugin allowing you to clean and tidy up your HTML code.<br \/>\nUsage:<br \/>\n<code>ctrl + shift + P<\/code> and type <code>Tidy HTML<\/code>, or you can set up your own keybinding as shown below.<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/Wordpress\">WordPress<\/a><br \/>\nSublime Text 2 WordPress Package is a collection of WordPress snippets and autocompletions for Sublime Text 2 Original TextMate bundle<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/Search%20WordPress%20Codex\">Search WordPress Codex<\/a><br \/>\nlet&#8217;s you right-click on any WordPress function and select &#8216;WordPress Function Reference&#8217; to open the Codex page for <em>this<\/em> function<br \/>\nUsage:<br \/>\nctrl + shift + P and type <code>WordPress Codex<\/code>, or right click on any function and select &#8216;WordPress Function Reference&#8217;.<br \/>\nYou can also select &#8216;WordPress Codex Search&#8217; to search tje whole codex for the selected text.<\/li>\n<\/ul>\n<h4><span style=\"color: #ff9900;\">For Web Development in General:<\/span><\/h4>\n<ul>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/BracketHighlighter\">Bracket Highlighter<\/a><br \/>\nBracket Highlighter matches a variety of brackets such as: <code>[]<\/code>, <code>()<\/code>, <code>{}<\/code>, <code>\"\"<\/code>, <code>''<\/code>, <code>&lt;tag&gt;&lt;\/tag&gt;<\/code>, and even custom brackets.<br \/>\nSome features:<br \/>\n<span style=\"line-height: 1.5;\">Customizable to highlight almost any bracket &#8211;\u00a0<\/span><span style=\"line-height: 1.5;\">Customizable bracket highlight style &#8211;\u00a0<\/span><span style=\"line-height: 1.5;\">High visibility bracket highlight mode &#8211;\u00a0<\/span><span style=\"line-height: 1.5;\">Selectively disable or enable specific matching of tags, brackets, or quotes &#8211;\u00a0<\/span><span style=\"line-height: 1.5;\">Selectively whitelist or blacklist matching of specific tags, brackets, or quotes based on language &#8211;\u00a0<\/span><span style=\"line-height: 1.5;\">When bound to a shortcut, allow option to show line count and char count between match in the status bar &#8211;\u00a0<\/span><span style=\"line-height: 1.5;\">Highlight basic brackets within strings &#8211;\u00a0<span style=\"line-height: 1.5;\">Works with multi-select<\/span><br \/>\n<\/span><\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/Git\">Git<br \/>\n<\/a>Git integration.\u00a0For more information about what&#8217;s supported, and how to install this, <a href=\"https:\/\/github.com\/kemayo\/sublime-text-2-git\/wiki\">check the wiki<\/a>.<br \/>\nTo make it work you may have to create the user setting<\/p>\n<pre>{<span style=\"font-family: monospace, serif;\">\"git_command\": \"C:\/cygwin\/bin\/git.exe\"<\/span><span style=\"font-family: monospace, serif;\">}<\/span><\/pre>\n<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/Modific\">Modific<\/a><br \/>\nHighlight lines changed since the last commit.<br \/>\nTo make it work, the git binaries you use have to be on the windows path.<br \/>\nSo add for example<\/p>\n<pre>C:\/cygwin\/bin\/git.exe<\/pre>\n<p>to the path if you are using cywin&#8217;s git<\/p>\n<p>Features:<br \/>\n<strong>Highlight changes <\/strong><em>(automatically: on save or when window gets focus)<br \/>\n<\/em><strong><strong>Show diff<\/strong> <code>Ctrl+Alt+D<\/code><\/strong><br \/>\n<strong>Preview of the commited code for current line<\/strong> <code>Ctrl+Alt+C<\/code><br \/>\n<strong>Revert modification<\/strong> <code>Ctrl+Alt+R<br \/>\n<\/code><strong>View uncommitted files in a quick panel<\/strong> <code><code>Ctrl+Alt+U<br \/>\n<\/code><\/code><strong>Go through changed lines<\/strong> <code>Ctrl+Shift+Page Up(Down)<\/code><\/p>\n<p>&nbsp;<\/li>\n<li><code><\/code><a href=\"https:\/\/sublime.wbond.net\/packages\/GitGutter\">GitGutter<br \/>\n<\/a><span style=\"line-height: 1.5;\">A sublime text 2\/3 plugin to show an icon in the gutter area indicating whether a line has been inserted, modified or deleted.<\/span><\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/SideBarGit\">SideBarGit<br \/>\n<\/a>Add git commands to sidebar. Textual port of komodin extension for sublime text.<br \/>\nUsage:<br \/>\n&#8211; Right click on \u201cmultiple\/single\u201d \u201cfiles\/folders\u201d of the \u201ctree\u201d sidebar to apply commands on selected files which maybe are from different repositories.<br \/>\n&#8211; To apply commands to focused document use the document context menu.<br \/>\n&#8211; Tip: If a command sends output to a tab ( example a diff ), pressing F5 on that tab: will execute the command again and refresh the tab with the new contents ( example the new computed diff )<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/SFTP\">SFTP<\/a><br \/>\ncommercial SFTP\/FTP plugin &#8211; upload, sync, browse, remote edit, diff and vcs integration<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/SublimeCodeIntel\">SublimeCodeIntel<\/a><br \/>\nFull-featured code intelligence and smart autocomplete engine<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/SublimeLinter\">SublimeLinter<\/a><br \/>\nInline lint highlighting<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/Twitter%20Bootstrap%20Snippets\">Twitter Bootstrap Snippets<\/a><br \/>\nA bunch of nicely described and categorized <a href=\"http:\/\/twitter.github.com\/bootstrap\/\">Twitter Bootstrap<\/a> code snippets<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/jQuery\">JQuery<br \/>\n<\/a>help with jQuery functions.<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/JsFormat\">JsFormat<\/a><br \/>\nJsFormat is a javascript formatting plugin for Sublime Text 2.\u00a0It uses the command-line\/python-module javascript formatter from <a href=\"http:\/\/jsbeautifier.org\/\">http:\/\/jsbeautifier.org\/<\/a> to format whole js or json files, or the selected portion(s).<br \/>\nFeatures:<\/p>\n<ul>\n<li>javascript\/json formatting (obviously)<\/li>\n<li>all settings are customizable (whitespace, formatting style, etc..)<\/li>\n<li>.jsbeautifyrc settings files support for even more control on a per-project basis<\/li>\n<li>puts the cursor back in the same location it was before formatting (accounts for whitespace\/newline changes)<\/li>\n<li>Sublime Text 3 support<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/jQuery%20Mobile%20Snippets\">jQuery Mobile snippets<\/a><br \/>\nA bunch of nicely described and categorized <a href=\"http:\/\/jquerymobile.com\/\">jQuery Mobile<\/a> code snippets<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/HTML5\">HTML5<\/a><br \/>\nHTML5 bundle<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/ColorPicker\">ColorPicker<\/a><br \/>\nA multi-platform color picker plugin<br \/>\nUsage:To insert or change a selected color, use: \u00a0Windows: <code>ctrl+shift+c<\/code><\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/CSSFormat\">CSSFormat<\/a><br \/>\nWhen installed, it will create a menu item called \u201cLP CSS Formatter &lt;version#&gt;\u201d under Edit menu.<br \/>\nHere is the list of standards it follows: \u2022 All curly braces should have a leading and trailing space \u2022 All colons should have a leading trailing space \u2022 Last parameter inside curly braces (even there is only one parameter) should have a trailing semicolon \u2022 All parameters inside curly braces should be sorted alphabetically \u2022 After sorting the parameters, all high priority parameters (parameters starting with \u2018-\u2019) should be moved to the top of the list and all low priority parameters (commented lines and parameters starting with \u2018*\u2019 and \u2018_\u2019) should be moved to the bottom of the list \u2022 Statements containing less than 4 parameters should be displayed on one line \u2022 Statements containing 4 or more parameters should be displayed in multiple lines.<\/li>\n<li><a href=\"https:\/\/sublime.wbond.net\/packages\/Emmet\">Emmet\u00a0<\/a><br \/>\nNew features (compared with Zen Coding):<\/p>\n<ul>\n<li><a href=\"http:\/\/docs.emmet.io\/css-abbreviations\/\">Dynamic CSS abbreviations<\/a>, automatic <a href=\"http:\/\/docs.emmet.io\/css-abbreviations\/vendor-prefixes\/\">vendor prefixes<\/a> and <a href=\"http:\/\/docs.emmet.io\/css-abbreviations\/gradients\/\">gradient generator<\/a>.<\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/abbreviations\/lorem-ipsum\/\">\u201cLorem Ipsum\u201d generator<\/a><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/abbreviations\/implicit-names\/\">Implicit tag names<\/a><\/li>\n<li>New <a href=\"http:\/\/docs.emmet.io\/filters\/bem\/\">Yandex\u2019s BEM filter<\/a><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/customization\/\">Extensions support<\/a><\/li>\n<li>New <a href=\"http:\/\/docs.emmet.io\/abbreviations\/syntax\/\">^ operator<\/a><\/li>\n<li>Various fixes and improvements<\/li>\n<\/ul>\n<p>Available actions:<\/p>\n<ul>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/expand-abbreviation\/\">Expand Abbreviation<\/a> \u2013 <kbd>Tab<\/kbd> or <kbd>Ctrl+E<\/kbd><\/li>\n<li>Interactive \u201cExpand Abbreviation\u201d \u2014 <kbd>Ctrl+Alt+Enter<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/match-pair\/\">Match Tag Pair Outward<\/a> \u2013 <kbd><\/kbd>\u00a0<kbd>Ctrl+,<\/kbd> (PC)<\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/match-pair\/\">Match Tag Pair Inward<\/a> \u2013 \u00a0<kbd>Shift+Ctrl+0<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/go-to-pair\/\">Go to Matching Pair<\/a> \u2013 <kbd><\/kbd>\u00a0<kbd>Ctrl+Alt+J<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/wrap-with-abbreviation\/\">Wrap With Abbreviation<\/a> \u2014 <kbd><\/kbd>\u00a0<kbd>Shift+Ctrl+G<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/go-to-edit-point\/\">Go to Edit Point<\/a> \u2014 <kbd>Ctrl+Alt+\u2192<\/kbd> or <kbd>Ctrl+Alt+\u2190<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/select-item\/\">Select Item<\/a> \u2013 <kbd><\/kbd>\u00a0<kbd>Shift+Ctrl+.<\/kbd> or <kbd>Shift+Ctrl+,<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/toggle-comment\/\">Toggle Comment<\/a> \u2014 <kbd><\/kbd>\u00a0<kbd>Shift+Ctrl+\/<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/split-join-tag\/\">Split\/Join Tag<\/a> \u2014 <kbd><\/kbd>\u00a0<kbd>Shift+Ctrl+`<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/remove-tag\/\">Remove Tag<\/a> \u2013 <kbd><\/kbd>\u00a0<kbd>Shift+Ctrl+;<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/update-image-size\/\">Update Image Size<\/a> \u2014\u00a0<kbd>Ctrl+U<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/evaluate-math\/\">Evaluate Math Expression<\/a> \u2014\u00a0<kbd>Shift+Ctrl+Y<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/reflect-css-value\/\">Reflect CSS Value<\/a> \u2013 <kbd><\/kbd><kbd>Shift+Ctrl+R<\/kbd><\/li>\n<li><a href=\"http:\/\/docs.emmet.io\/actions\/base64\/\">Encode\/Decode Image to data:URL<\/a> \u2013 \u00a0<kbd>Ctrl+'<\/kbd><\/li>\n<li>Rename Tag \u2013 <kbd><\/kbd><kbd><kbd>Shift+Ctrl+'<\/kbd><\/kbd><\/li>\n<\/ul>\n<p><a href=\"http:\/\/docs.emmet.io\/actions\/inc-dec-number\/\">Increment\/Decrement Number<\/a> actions:<\/p>\n<ul>\n<li>Increment by 1: <kbd>Ctrl+\u2191<\/kbd><\/li>\n<li>Decrement by 1: <kbd>Ctrl+\u2193<\/kbd><\/li>\n<li>Increment by 0.1: <kbd>Alt+\u2191<\/kbd><\/li>\n<li>Decrement by 0.1: <kbd>Alt+\u2193<\/kbd><\/li>\n<li>Increment by 10: <kbd><\/kbd><kbd>Shift+Alt+\u2191<\/kbd><\/li>\n<li>Decrement by 10: \u00a0<kbd>Shift+Alt+\u2193<\/kbd><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For WordPress: Some Sublime plugins that work great (so I&#8217;ve heard) with WordPress development PHPtidy Not Worpress specific, but this little extension ensures that your code is in compliance with WordPress Coding Standards. Usage: ctrl + shift + P and type Tidy PHP, or you can use the ctrl + alt + T keybinding.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,17],"tags":[31,28],"acf":[],"_links":{"self":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/188"}],"collection":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":8,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/188\/revisions"}],"predecessor-version":[{"id":958,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/posts\/188\/revisions\/958"}],"wp:attachment":[{"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/media?parent=188"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/categories?post=188"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hesmid.nl\/test\/wp-json\/wp\/v2\/tags?post=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}