{"id":19224,"date":"2014-01-31T23:01:54","date_gmt":"2014-01-31T15:01:54","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=19224"},"modified":"2022-08-02T18:04:28","modified_gmt":"2022-08-02T10:04:28","slug":"sublime-text-plugins","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/","title":{"rendered":"18 Essential Plugins For Sublime Text"},"content":{"rendered":"<p>Even though SublimeText comes with <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-tips\/\" rel=\"noopener noreferrer\">a bunch of great features<\/a> that help our work as web developers, like any other tool, there will always be a <strong>room for enhancements<\/strong>. This is when plugins can be real useful (and we are <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/essential-wordpress-plugins\/\" rel=\"noopener noreferrer\">huge fans of plugins<\/a>).<\/p>\n<p>Before we proceed, maybe you\u2019d like to check out our previous posts on SublimeText to see what it can do in its native state:<\/p>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/\" rel=\"noopener noreferrer\">Easy Color Picking In Sublime Text<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-task-management\/\" rel=\"noopener noreferrer\">Manage Notes And Lists With Sublime Text<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-compiling-sass\/\" rel=\"noopener noreferrer\">How To Compile Sass With Sublime Text<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-refresh-browser\/\" rel=\"noopener noreferrer\">How To Refresh Changes On Browser With Sublime Text<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/css-automatic-vendor-prefix\/\" rel=\"noopener noreferrer\">Adding CSS Vendor Prefix Automatically With Sublime Text<\/a><\/li>\n<\/ul>\n<p>Moving on, in this post, we have put together a few plugins that you may need to install to <strong>fill the functionalities that are missing from SublimeText<\/strong>.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-tips\/\" class=\"ref-block__link\" title=\"Read More: 12 Best Sublime Text Tips and Tricks\" rel=\"bookmark\"><span class=\"screen-reader-text\">12 Best Sublime Text Tips and Tricks<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/sublime-text-tips.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-18706 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/sublime-text-tips.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">12 Best Sublime Text Tips and Tricks<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tYou probably know by now that we are fans of Sublime Text. It might look like a very...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>1. <a target=\"_blank\" href=\"https:\/\/sublime.wbond.net\/installation\" rel=\"noopener noreferrer\">Package Control<\/a><\/h2>\n<p><strong>Package Control<\/strong> is the first thing that you have to install right away after installing SublimeText. With it, you can install, upgrade, remove, and view with ease the list of packages or plugins that you have installed in SublimeText.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/package-control.jpg\" alt=\"package control\" width=\"500\" height=\"320\"><\/figure>\n<h2>2. <a target=\"_blank\" href=\"https:\/\/emmet.io\/\" rel=\"noopener noreferrer\">Emmet<\/a><\/h2>\n<p>In a nutshell, <strong>Emmet<\/strong> allows us to write HTML and CSS faster with abbreviations\/shortcuts, then expand them in valid HTML tags. This is one of my most frequently used shortcut, which is a time-saver:<\/p>\n<p><code>((h4&gt;a[rel=external])+p&gt;img[width=500 height=320])*12<\/code><\/p>\n<p>It creates 12 lists of Headings followed with an image. I can then fill in my content without worrying about messing up the format.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/emmet.jpg\" alt=\"emmet\" width=\"500\" height=\"320\"><\/figure>\n<p class=\"note\"><strong>More: <\/strong><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/html-css-faster-emmet\/\" rel=\"noopener noreferrer\">Writing HTML & CSS Faster With Emmet<\/a><\/p>\n<h2>3. <a target=\"_blank\" href=\"https:\/\/github.com\/titoBouzout\/SideBarEnhancements\/tree\/st3\" rel=\"noopener noreferrer\">SublimeLinter<\/a><\/h2>\n<p><strong>SublimeLinter<\/strong> has recently been rebuilt and polished for SublimeText 3. The new version certainly comes with a set of new features. Rather than putting all <em>linters<\/em> in one package, the developer allows you to select and install only the ones that you  regularly use.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/sublimelinter.jpg\" alt=\"sublimelinter\" width=\"500\" height=\"320\"><\/figure>\n<p class=\"note\"><strong>More: <\/strong><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/guide-to-using-sublimelinter4\/\" rel=\"noopener noreferrer\">A Look Into SublimeLinter 4<\/a><\/p>\n<h2>4. <a target=\"_blank\" href=\"https:\/\/github.com\/titoBouzout\/SideBarEnhancements\/tree\/st3\" rel=\"noopener noreferrer\">SublimeEnhancements<\/a><\/h2>\n<p><strong>SidebarEnhancements<\/strong> has a few new things in the Sidebar menu including New File Creation in the current project folder, Moving File and Folder, Duplicating File and Folder, Open in Finder and Browser, Refresh, and a bunch more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/sidebar-enhancement.jpg?new\" alt=\"sidebar enhancement\" width=\"500\" height=\"320\"><\/figure>\n<h2>5. <a target=\"_blank\" href=\"https:\/\/github.com\/skuroda\/PackageResourceViewer\" rel=\"noopener noreferrer\">PackageResourceViewer<\/a><\/h2>\n<p>With <strong>PackageResourceViewer<\/strong>, you can view, and edit packages that come from SublimeText easily. You can also extract package, which will copy it to the User folder so you can safely edit it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/packageresourceviewer.jpg\" alt=\"package resource viewer\" width=\"500\" height=\"320\"><\/figure>\n<h2>6. <a target=\"_blank\" href=\"https:\/\/github.com\/kemayo\/sublime-text-git\" rel=\"noopener noreferrer\">Git<\/a><\/h2>\n<p>This plugin integrates SublimeText with <a target=\"_blank\" href=\"https:\/\/git-scm.com\/\" rel=\"noopener noreferrer\">Git<\/a> so you can run some Git commands from SublimeText such as Add and Committing Files, Viewing Log, and Annotating Files.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/git.jpg\" alt=\"git\" width=\"500\" height=\"320\"><\/figure>\n<h2>7. <a target=\"_blank\" href=\"https:\/\/github.com\/wbond\/sublime_terminal\" rel=\"noopener noreferrer\">Terminal<\/a><\/h2>\n<p>This plugin lets you open your <a target=\"_blank\" href=\"https:\/\/www.sublimetext.com\/docs\/2\/projects.html\" rel=\"noopener noreferrer\">project folders<\/a> in Terminal directly from SublimeText \u2013 with a hotkey. It is a very helpful plugin when you need to execute command lines at the given folder.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/terminal.jpg\" alt=\"terminal\" width=\"500\" height=\"320\"><\/figure>\n<h2>8. CSSComb<\/h2>\n<p><strong>CSSComb<\/strong> is a plugin to sort CSS properties. If you need your codes to be tidy and in the right order, this plugin will let you customize the order of the properties. This is also helpful when you work with a team of developers, each with their own preferences of writing code.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/csscomb.jpg\" alt=\"csscomb\" width=\"500\" height=\"320\"><\/figure>\n<p class=\"note\"><strong>More: <\/strong><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/css-sorting-with-csscomb\/\" rel=\"noopener noreferrer\">Sorting And Organizing CSS Using CSSComb<\/a><\/p>\n<h2>9. <a target=\"_blank\" href=\"https:\/\/caniuse.com\/?search=github\" rel=\"noopener noreferrer\">CanIUse<\/a><\/h2>\n<p>With this plugin, you can check the browser support for CSS properties and HTML elements that you are using. To use it, highlight the CSS property or the HTML element, and it will bring you to the appropriate page in <a target=\"_blank\" href=\"https:\/\/caniuse.com\/\" rel=\"noopener noreferrer\">CanIUse.com<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/caniuse.jpg\" alt=\"caniuse\" width=\"500\" height=\"320\"><\/figure>\n<h2>10. <a target=\"_blank\" href=\"https:\/\/github.com\/wbond\/sublime_alignment\" rel=\"noopener noreferrer\">Alignment<\/a><\/h2>\n<p><strong>Alignment<\/strong> lets you align your codes including PHP, JavaScript, and CSS, thus making it neat and more readable. See the following screenshot for the before-and-after comparison.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/alignment.jpg\" alt=\"alignment\" width=\"500\" height=\"320\"><\/figure>\n<h2>11. <a target=\"_blank\" href=\"https:\/\/github.com\/jonlabelle\/Trimmer\" rel=\"noopener noreferrer\">Trimmer<\/a><\/h2>\n<p>This plugin helps you remove unnecessary spaces, as well as trailing spaces, which could cause some errors In JavaScript.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/trimmer.jpg\" alt=\"trimmer\" width=\"500\" height=\"320\"><\/figure>\n<h2>12. <a target=\"_blank\" href=\"https:\/\/weslly.github.io\/ColorPicker\/\" rel=\"noopener noreferrer\">ColorPicker<\/a><\/h2>\n<p>With this plugin you can select and add colors to SublimeText with the native color wheel from your OS.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/colorpicker.jpg\" alt=\"colorpicker\" width=\"500\" height=\"320\"><\/figure>\n<p class=\"note\"><strong>More: <\/strong><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-color-addition\/\" rel=\"noopener noreferrer\">Easy Color Picker in SublimeText<\/a><\/p>\n<h2>13. <a target=\"_blank\" href=\"https:\/\/github.com\/SublimeText-Markdown\/MarkdownEditing\" rel=\"noopener noreferrer\">MarkDown Editing<\/a><\/h2>\n<p>Even though SublimeText is capable of viewing and editing Markdown files, it treats it as plain text with very poor formatting. This plugin is useful for giving better support with proper color highlighting for Markdown in SublimeText.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/markdownediting.jpg\" alt=\"markdown editing\" width=\"500\" height=\"320\"><\/figure>\n<p class=\"note\"><strong>More: <\/strong><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/web-content-with-markdown\/\" rel=\"noopener noreferrer\">Writing Web Content With Markdown<\/a><\/p>\n<h2>14. <a target=\"_blank\" href=\"https:\/\/github.com\/colinta\/SublimeFileDiffs\" rel=\"noopener noreferrer\">FileDiffs<\/a><\/h2>\n<p><strong>FileDiffs<\/strong> allows you to see the differences between two files in SublimeText. You can compare files with copied data from Clipboard, a File in the Project, File that is currently open, and between saved and unsaved files.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/diff.jpg\" alt=\"FileDiffs\" width=\"500\" height=\"320\"><\/figure>\n<h2>15. <a target=\"_blank\" href=\"https:\/\/github.com\/spadgos\/sublime-jsdocs\" rel=\"noopener noreferrer\">DocBlockr<\/a><\/h2>\n<p>DocBlokr lets you create documentation or annotation for your codes with ease, by parsing the functions, parameters, variables, and automatically adding some possible documentation (see the screenshot below).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/docblockr.jpg\" alt=\"docblockr\" width=\"500\" height=\"320\"><\/figure>\n<h2>16. Custom Themes<\/h2>\n<p>Believe it or not, having a different theme can induce your creativity and ideas. Below are several great custom themes that gives SublimeText a different, possibly better look.<\/p>\n<p><strong><a target=\"_blank\" href=\"https:\/\/github.com\/SublimeText\/Spacegray\" rel=\"noopener noreferrer\">SpaceGray<\/a><\/strong><\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/spacegray.jpg\" alt=\"spacegray\" height=\"320\" widht=\"500\"><\/figure>\n<p><strong><a target=\"_blank\" href=\"https:\/\/github.com\/allanhortle\/Centurion\" rel=\"noopener noreferrer\">Centurion<\/a><\/strong><\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/centurion.jpg\" alt=\"centurion\" height=\"320\" widht=\"500\"><\/figure>\n<p><strong><a target=\"_blank\" href=\"https:\/\/buymeasoda.github.io\/soda-theme\/\" rel=\"noopener noreferrer\">Soda<\/a><\/strong><\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/soda.jpg\" alt=\"soda\" height=\"320\" widht=\"500\"><\/figure>\n<h2>17. Snippets<\/h2>\n<p><strong>Snippets<\/strong> can help you write code faster by reusing code pieces. While you can also create your own set of code snippets, there are several snippet packages ready for use right away. Here are just some of them:<\/p>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/github.com\/zurb\/foundation-5-sublime-snippets\" rel=\"noopener noreferrer\">Foundation<\/a> \u2013 A collection of snippets to build <strong>Foundation 5<\/strong> framework components such as the Buttons, Tabs, and Navigation.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/github.com\/JasonMortonNZ\/bs3-sublime-plugin\" rel=\"noopener noreferrer\">Bootstrap 3<\/a> \u2013 If you prefer <strong>Bootstrap<\/strong>, try this.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/github.com\/rs459\/bootstrap3-jade-sublime-plugin\" rel=\"noopener noreferrer\">Bootstrap 3 for Jade<\/a> \u2013 This plugin combines <strong>Bootstrap 3 with Jade syntax.<\/strong><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/github.com\/Sage-Archer\/sublime-jquery-mobile-snippets\" rel=\"noopener noreferrer\">jQuery Mobile<\/a> \u2013  A collection of snippets to build <strong>jQuery Mobile components <\/strong>and<strong> layouts<\/strong>.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/github.com\/sloria\/sublime-html5-boilerplate\" rel=\"noopener noreferrer\">HTML5 Boilerplate<\/a> \u2013 this snippet lets you create <strong>HTML5 Boilerplate documents<\/strong> in a snap.<\/li>\n<\/ul>\n<h2>18. Additional Syntax Support<\/h2>\n<p>Languages that are not supported in SublimeText may not display with proper syntax highlighting. They include LESS, Sass, SCSS, Stylus, and Jade, so if you are working with those languages, here are the plugins to install, for syntax support.<\/p>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/github.com\/danro\/LESS-sublime\" rel=\"noopener noreferrer\">LESS<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/github.com\/nathos\/sass-textmate-bundle\" rel=\"noopener noreferrer\">Sass<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/github.com\/MarioRicalde\/SCSS.tmbundle\" rel=\"noopener noreferrer\">SCSS<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/github.com\/billymoon\/Stylus\" rel=\"noopener noreferrer\">Stylus<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/github.com\/P233\/Jade-Snippets-for-Sublime-Text-2\" rel=\"noopener noreferrer\">Jade<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Even though SublimeText comes with a bunch of great features that help our work as web developers, like any other tool, there will always be a room for enhancements. This is when plugins can be real useful (and we are huge fans of plugins). Before we proceed, maybe you\u2019d like to check out our previous&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[2499,2962],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>18 Essential Plugins For Sublime Text - Hongkiat<\/title>\n<meta name=\"description\" content=\"Even though SublimeText comes with a bunch of great features that help our work as web developers, like any other tool, there will always be a room for\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"18 Essential Plugins For Sublime Text\" \/>\n<meta property=\"og:description\" content=\"Even though SublimeText comes with a bunch of great features that help our work as web developers, like any other tool, there will always be a room for\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2014-01-31T15:01:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-02T10:04:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/package-control.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"18 Essential Plugins For Sublime Text\",\"datePublished\":\"2014-01-31T15:01:54+00:00\",\"dateModified\":\"2022-08-02T10:04:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/\"},\"wordCount\":905,\"commentCount\":12,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-plugins\\\/package-control.jpg\",\"keywords\":[\"sublime text\",\"sublime text plugin\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/\",\"name\":\"18 Essential Plugins For Sublime Text - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-plugins\\\/package-control.jpg\",\"datePublished\":\"2014-01-31T15:01:54+00:00\",\"dateModified\":\"2022-08-02T10:04:28+00:00\",\"description\":\"Even though SublimeText comes with a bunch of great features that help our work as web developers, like any other tool, there will always be a room for\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-plugins\\\/package-control.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-plugins\\\/package-control.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-plugins\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"18 Essential Plugins For Sublime Text\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"18 Essential Plugins For Sublime Text - Hongkiat","description":"Even though SublimeText comes with a bunch of great features that help our work as web developers, like any other tool, there will always be a room for","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/","og_locale":"en_US","og_type":"article","og_title":"18 Essential Plugins For Sublime Text","og_description":"Even though SublimeText comes with a bunch of great features that help our work as web developers, like any other tool, there will always be a room for","og_url":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-01-31T15:01:54+00:00","article_modified_time":"2022-08-02T10:04:28+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/package-control.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"18 Essential Plugins For Sublime Text","datePublished":"2014-01-31T15:01:54+00:00","dateModified":"2022-08-02T10:04:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/"},"wordCount":905,"commentCount":12,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/package-control.jpg","keywords":["sublime text","sublime text plugin"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/","url":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/","name":"18 Essential Plugins For Sublime Text - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/package-control.jpg","datePublished":"2014-01-31T15:01:54+00:00","dateModified":"2022-08-02T10:04:28+00:00","description":"Even though SublimeText comes with a bunch of great features that help our work as web developers, like any other tool, there will always be a room for","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/package-control.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-plugins\/package-control.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"18 Essential Plugins For Sublime Text"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-504","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=19224"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19224\/revisions"}],"predecessor-version":[{"id":61037,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19224\/revisions\/61037"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=19224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=19224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=19224"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=19224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}