{"id":23256,"date":"2020-03-02T21:19:19","date_gmt":"2020-03-02T13:19:19","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=23256"},"modified":"2020-03-02T20:13:20","modified_gmt":"2020-03-02T12:13:20","slug":"sublime-text-packages","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/","title":{"rendered":"10 Sublime Text Packages for Frontend Developers"},"content":{"rendered":"<p><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-tips\/\" rel=\"noopener noreferrer\">Sublime Text<\/a> is one of the most powerful code editors with some amazing features, and it can be even more powerful by installing <strong>Plugins<\/strong> or <strong>Packages<\/strong>. These plugins add extra functionalities to Sublime Text. And today there are many plugins to fulfill almost any of your coding needs.<\/p>\n<p>Finding a good extension though <strong>could be real challenging<\/strong>; some extensions have been completely abandoned by their developers, while others may not longer be compatible with Sublime Text 3, the latest version (at the time of this writing).<\/p>\n<p>If you are a frontend developer, we have handpicked some extensions and put them together for you in this article. These are <strong>10  Sublime Text Packages frontend developers should try out<\/strong>.<\/p>\n<h3>More related posts:<\/h3>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/\" rel=\"noopener noreferrer\">18 essential plugins to get more out of SublimeText<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/\" rel=\"noopener noreferrer\">[How To] Work with code snippets In 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\/identify-code-errors-sublime-linter\/\" rel=\"noopener noreferrer\">[How To] Identify code error In Sublime Text<\/a><\/li>\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<\/ul>\n<h2>1. AlignTab<\/h2>\n<p><a target=\"_blank\" href=\"https:\/\/github.com\/randy3k\/AlignTab\" rel=\"noopener noreferrer\">AlignTab<\/a> is a plugin for aligning your codes. It has a \u201cPreview Mode\u201d which allows you to see how the alignment will be applied (given the <a target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Regular_expression\" rel=\"external nofollow noopener noreferrer\">RegEx notation<\/a>) before it is actually applied. It also has the \u201cTable Mode\u201d will allows you to <strong>set proper alignment for tables in Markdown format<\/strong>, structured with pipelines: <code>|<\/code>. AlignTab is a handy extension to tidy up your code alignment and make it easier to read.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/align-tab.jpg\" alt=\"AlignTab\" width=\"700\" height=\"380\"><\/figure>\n<h2>2. ColorHighlight<\/h2>\n<p><a target=\"_blank\" href=\"https:\/\/github.com\/Kronuz\/ColorHighlight\" rel=\"noopener noreferrer\">ColorHighlight<\/a> is a plugin that <strong>shows selected color codes with their visual color<\/strong>. If you select \u201c#fff\u201d it will show you the color, white. ColorHighlighter supports all CSS color formats such as Hex, RGB, HSL, HSV, and include color keywords like \u201cred\u201d, \u201cgreen\u201d, etc. It also show you LESS, Sass, and Stylus variables that contains a color value. It\u2019s a piece of plugin that will help you be more intuitive when working with colors.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/colorhighlight.jpg\" alt=\"ColorHighlight setting in SublimeText\" height=\"480\" width=\"750\"><\/figure>\n<h2>3. MultiEditUtils<\/h2>\n<p><a target=\"_blank\" href=\"https:\/\/github.com\/philippotto\/Sublime-MultiEditUtils\" rel=\"external nofollow noopener noreferrer\">MultiEditUtils<\/a> plugin improves the SublimeText built-in \u201cmulti-cursor\u201d and \u201cmulti-selection\u201d feature, saving  us time for <strong>editing lengthy code lines<\/strong>. For example: you can merge or swap between selected lines, it also improves SublimeText \u201csplit selection\u201d by allowing you to specify the notation to split selected lines. I think it\u2019s a must have plugin to install for pro-coders.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/multi-edit-utils.jpg\" alt=\"MultiEditUtils\" width=\"700\" height=\"380\"><\/figure>\n<h2>4. Git Gutter<\/h2>\n<p>If you are working with Git, <a target=\"_blank\" href=\"https:\/\/github.com\/jisaacks\/GitGutter\/\" rel=\"noopener noreferrer\">Git Gutter<\/a> is a recommended Sublime Text plugin to install. GitGutter <strong>will show a flag<\/strong> in the gutter area, of any <strong>edits, additions, or removal you did within your code<\/strong>. It\u2019s a useful code to instantly see the comparison between your code edition against your commit, branch, or the HEAD repository.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/git-gutter.jpg\" alt=\"Git Gutter\" width=\"700\" height=\"380\"><\/figure>\n<h2>5. Modific<\/h2>\n<p><a target=\"_blank\" href=\"https:\/\/github.com\/gornostal\/Modific\" rel=\"noopener noreferrer\">Modific<\/a> is useful when you\u2019re using Git or SVN in your work. Just like GitGutter, Modific will mark a change in your codes. Besides highlighting changes, you can also view or compare the difference between the current code and the last commit by pressing <span class=\"key\">Ctrl<\/span> + <span class=\"key\">Alt<\/span> + <span class=\"key\">D<\/span>. Other things you can do with Modific include <strong>preview the committed code for the current line<\/strong> as well as <strong>reverting code modifications<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/modific.jpg\" alt=\"Modific\" width=\"700\" height=\"380\"><\/figure>\n<h2>6. Inc Dec Value<\/h2>\n<p><a target=\"_blank\" href=\"https:\/\/github.com\/rmaksim\/Sublime-Text-2-Inc-Dec-Value\" rel=\"noopener noreferrer\">Inc Dec Value<\/a> allows you to <strong>increase or decrease numbers simultaneously, even if they are on different lines<\/strong>. Besides numbers, you can also change the value of dates, and HEX colors. To use this plugin in general direct the cursor just to the right of the number, then press <span class=\"key\">Alt<\/span> + <span class=\"key\">\u2191<\/span> to increase the number or <span class=\"key\">Alt<\/span> + <span class=\"key\">\u2193<\/span> to decrease the number. You can also use your mouse wheel.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/inc-dec-value.jpg\" alt=\"Inc Dec Value\" width=\"700\" height=\"380\"><\/figure>\n<h2>7. FileBrowser<\/h2>\n<p><a target=\"_blank\" href=\"https:\/\/github.com\/aziz\/SublimeFileBrowser\" rel=\"noopener noreferrer\">FileBrowser<\/a> offers a new way to <strong>navigate your files and folders within your project directory<\/strong>. When you install this plugin you can have access to your project directory in a new sidebar, and navigate through it without moving your hands away from your keyboard \u2013 like a pro-coder. As you get used to it, this plugin can gradually boost your workflow.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/filebrowser.jpg\" alt=\"FileBrowser\" height=\"480\" width=\"750\"><\/figure>\n<h2>8. IconFont<\/h2>\n<p><a target=\"_blank\" href=\"https:\/\/github.com\/idleberg\/sublime-icon-fonts\" rel=\"noopener noreferrer\">IconFont<\/a> provides snippets for many popular icon fonts such as <a target=\"_blank\" href=\"https:\/\/fontawesome.com\/\" rel=\"external nofollow noopener noreferrer\">FontAwesome<\/a>, <a target=\"_blank\" href=\"https:\/\/paymentfont.com\/\" rel=\"external nofollow noopener noreferrer\">PaymentFont<\/a>, <a target=\"_blank\" href=\"https:\/\/www.s-ings.com\/typicons\/\" rel=\"external nofollow noopener noreferrer\">Typicons<\/a> and <a target=\"_blank\" href=\"https:\/\/octicons.github.com\/\" rel=\"external nofollow noopener noreferrer\">Github Octicons<\/a>. It works similar to regular HTML snippets where <strong>abbreviations will be expanded tothe full-length<\/strong> of classes and HTML code for each icon.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/icon-fonts.jpg\" alt=\"IconFont\" width=\"700\" height=\"380\"><\/figure>\n<h2>9. DistractionFreeWindow<\/h2>\n<p>Although Sublime Text\u2019s built-in \u201cFree Distraction\u201d feature lets you focus on the code or content you are typing, when you are in this mode, <strong>the minimap, sidebar, and all other tabs are hidden<\/strong>. Distraction-free should not mean losing access to those features. This is where <a target=\"_blank\" href=\"https:\/\/github.com\/aziz\/DistractionFreeWindow\" rel=\"noopener noreferrer\">DistractionFreeWindow<\/a> comes in to give you more flexibility in terms of how the Distraction Free Mode should behave.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/distraction-free-window.gif\" alt=\"IconFont\" width=\"700\" height=\"380\"><\/figure>\n<h2>10. FilterLines<\/h2>\n<p><a target=\"_blank\" href=\"https:\/\/github.com\/davidpeckham\/sublime-filterlines\" rel=\"noopener noreferrer\">FilterLines<\/a> allows you to search through the lines within your document for the given \u201ckeyword string\u201d or \u201cRegEx notation\u201d. It\u2019s a handy feature to <strong>deal with a large amounts of raw data<\/strong> in the form of JSON, JavaScript Array, CVS.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/filter-lines.gif\" alt=\"FilterLines\" width=\"800\" height=\"474\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>Sublime Text is one of the most powerful code editors with some amazing features, and it can be even more powerful by installing Plugins or Packages. These plugins add extra functionalities to Sublime Text. And today there are many plugins to fulfill almost any of your coding needs. Finding a good extension though could be&hellip;<\/p>\n","protected":false},"author":141,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[2499,2962,511],"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.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>10 Sublime Text Packages for Frontend Developers - Hongkiat<\/title>\n<meta name=\"description\" content=\"Sublime Text is one of the most powerful code editors with some amazing features, and it can be even more powerful by installing Plugins or Packages.\" \/>\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-packages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Sublime Text Packages for Frontend Developers\" \/>\n<meta property=\"og:description\" content=\"Sublime Text is one of the most powerful code editors with some amazing features, and it can be even more powerful by installing Plugins or Packages.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/\" \/>\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=\"2020-03-02T13:19:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/align-tab.jpg\" \/>\n<meta name=\"author\" content=\"Agus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bagusdesain\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Agus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 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-packages\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/\"},\"author\":{\"name\":\"Agus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/b23dad06815dff0bcc222088bed549dd\"},\"headline\":\"10 Sublime Text Packages for Frontend Developers\",\"datePublished\":\"2020-03-02T13:19:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/\"},\"wordCount\":772,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-packages\\\/align-tab.jpg\",\"keywords\":[\"sublime text\",\"sublime text plugin\",\"Web Developers\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/\",\"name\":\"10 Sublime Text Packages for Frontend Developers - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-packages\\\/align-tab.jpg\",\"datePublished\":\"2020-03-02T13:19:19+00:00\",\"description\":\"Sublime Text is one of the most powerful code editors with some amazing features, and it can be even more powerful by installing Plugins or Packages.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-packages\\\/align-tab.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-text-packages\\\/align-tab.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-text-packages\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Sublime Text Packages for Frontend Developers\"}]},{\"@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\\\/b23dad06815dff0bcc222088bed549dd\",\"name\":\"Agus\",\"description\":\"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/bagusdesain\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/agus\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"10 Sublime Text Packages for Frontend Developers - Hongkiat","description":"Sublime Text is one of the most powerful code editors with some amazing features, and it can be even more powerful by installing Plugins or Packages.","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-packages\/","og_locale":"en_US","og_type":"article","og_title":"10 Sublime Text Packages for Frontend Developers","og_description":"Sublime Text is one of the most powerful code editors with some amazing features, and it can be even more powerful by installing Plugins or Packages.","og_url":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-03-02T13:19:19+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/align-tab.jpg","type":"","width":"","height":""}],"author":"Agus","twitter_card":"summary_large_image","twitter_creator":"@bagusdesain","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Agus","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/"},"author":{"name":"Agus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/b23dad06815dff0bcc222088bed549dd"},"headline":"10 Sublime Text Packages for Frontend Developers","datePublished":"2020-03-02T13:19:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/"},"wordCount":772,"commentCount":4,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/align-tab.jpg","keywords":["sublime text","sublime text plugin","Web Developers"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/","url":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/","name":"10 Sublime Text Packages for Frontend Developers - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/align-tab.jpg","datePublished":"2020-03-02T13:19:19+00:00","description":"Sublime Text is one of the most powerful code editors with some amazing features, and it can be even more powerful by installing Plugins or Packages.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/align-tab.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-text-packages\/align-tab.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-text-packages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"10 Sublime Text Packages for Frontend Developers"}]},{"@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\/b23dad06815dff0bcc222088bed549dd","name":"Agus","description":"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.","sameAs":["https:\/\/x.com\/bagusdesain"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/agus\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-636","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23256","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\/141"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=23256"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23256\/revisions"}],"predecessor-version":[{"id":49446,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23256\/revisions\/49446"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=23256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=23256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=23256"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=23256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}