{"id":17378,"date":"2013-06-12T21:01:12","date_gmt":"2013-06-12T13:01:12","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=17378"},"modified":"2025-04-04T01:34:01","modified_gmt":"2025-04-03T17:34:01","slug":"sublime-code-snippets","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/","title":{"rendered":"Streamlining Your Workflow with Code Snippets in Sublime Text"},"content":{"rendered":"<p>As developers, we often find ourselves reusing the same pieces of code multiple times. One efficient way to avoid this repetition is by storing frequently used code in <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/snippet\/\">snippets<\/a>. This method allows for quick retrieval and easy access.<\/p>\n<p>For those looking to optimize their coding process, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.sublimetext.com\/\">Sublime Text<\/a>, a popular code editor, offers a convenient feature for adding custom code snippets. In this article, we\u2019ll explore <strong>how to create, manage, and utilize code snippets<\/strong> to enhance your workflow in Sublime Text.<\/p>\n<p>Let\u2019s dive in.<\/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\/free-code-editors-reviewed\/\" class=\"ref-block__link\" title=\"Read More: 10 Best Free Source Code Editors\" rel=\"bookmark\"><span class=\"screen-reader-text\">10 Best Free Source Code Editors<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/free-code-editors-reviewed.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-9582 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/free-code-editors-reviewed.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">10 Best Free Source Code Editors<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tWith professional code editor like Dreamweaver, Coda, Textmate and others, its no surprise that more and more people...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>How to Create a New Snippet in Sublime Text<\/h2>\n<p>To kickstart the process of creating a new snippet, navigate to <strong>Tools &gt; New Snippet<\/strong> in the menu.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/new-snippet.jpg\" width=\"500\" height=\"300\" alt=\"New Snippet in Sublime Text\"><\/figure>\n<p>Sublime Text will present you with a template to configure your new snippet.<\/p>\n<pre>\r\n&lt;snippet&gt;\r\n&lt;content&gt;&lt;![CDATA[\r\nHello, ${1:this} is a ${2:snippet}.\r\n]]&gt;&lt;\/content&gt;\r\n&lt;!-- Optional: Set a tabTrigger to define how to trigger the snippet --&gt;\r\n&lt;!-- &lt;tabTrigger&gt;hello&lt;\/tabTrigger&gt; --&gt;\r\n&lt;!-- Optional: Set a scope to limit where the snippet will trigger --&gt;\r\n&lt;!-- &lt;scope&gt;source.python&lt;\/scope&gt; --&gt;\r\n&lt;\/snippet&gt;\r\n<\/pre>\n<p>Insert your desired code within the <code>&lt;![CDATA[ ]]&gt;<\/code> tags in the <code>&lt;content&gt;<\/code> element. For instance:<\/p>\n<pre>\r\n&lt;content&gt;&lt;![CDATA[\r\n-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);\r\n-moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);\r\nbox-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);\r\n]]&gt;&lt;\/content&gt;\r\n<\/pre>\n<p>Next, specify the trigger keyword within the <code>&lt;tabTrigger&gt;<\/code> tag. This keyword should be easy to remember and relevant to the snippet. In this example, we use the keyword <code>shadow<\/code>.<\/p>\n<pre>\r\n&lt;tabTrigger&gt;shadow&lt;\/tabTrigger&gt;\r\n<\/pre>\n<p>Finally, define the scope for the snippet. For instance, if the snippet is for a CSS3 Box Shadow, you might want to restrict its usage to CSS files only.<\/p>\n<pre>\r\n&lt;scope&gt;source.css&lt;\/scope&gt;\r\n<\/pre>\n<p>Once everything is set up, save your snippet. To keep things organized, consider creating a dedicated folder for CSS snippets. You can also create additional folders for other languages like HTML, JavaScript, PHP, Python, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/save-snippet.jpg\" width=\"500\" height=\"300\" alt=\"Save Snippet in Sublime Text\"><\/figure>\n<p>Remember, the snippet files must have a <code>.sublime-snippet<\/code> extension for Sublime Text to recognize them.<\/p>\n<h3>How to Insert Your Snippet<\/h3>\n<p>Within the editor, Sublime Text will display snippet options as you type the trigger keyword. You can insert your snippet either by selecting it from the dropdown or by completing the trigger keyword and pressing the <span class=\"key\">Tab<\/span> key.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/insert-snippet.jpg\" width=\"500\" height=\"300\" alt=\"Insert Snippet in Sublime Text\"><\/figure>\n<p>As specified, the snippet will only trigger in documents with the defined scope, ensuring it won\u2019t appear in unrelated file types.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/insert-scope.jpg\" width=\"500\" height=\"300\" alt=\"Snippet Scope in Sublime Text\"><\/figure>\n<h2>Using Tab Keys and Field Markers in Sublime Text Snippets<\/h2>\n<p>At times, you may need to modify specific attributes within your code snippets, such as the color or blur of a CSS3 box shadow. Sublime Text offers a feature that highlights these customizable fields after inserting a snippet.<\/p>\n<p>You can specify these fields using a <code>$<\/code> sign followed by <code>{ }<\/code> and a field order number, as shown below:<\/p>\n<pre>\r\n-webkit-box-shadow: ${1:1px} ${2:1px} ${3:1px} ${4:0px} ${5:rgba(0, 0, 0, 0.5)};\r\n-moz-box-shadow: ${1:1px} ${2:1px} ${3:1px} ${4:0px} ${5:rgba(0, 0, 0, 0.5)};\r\nbox-shadow: ${1:1px} ${2:1px} ${3:1px} ${4:0px} ${5:rgba(0, 0, 0, 0.5)};\r\n<\/pre>\n<p>For example, the first field to be highlighted would be <code>${1:1px}<\/code>. Pressing the <span class=\"key\">Tab<\/span> key will move the cursor to the next field in the specified order.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/code-fields.jpg\" width=\"500\" height=\"200\" alt=\"Code Fields in Sublime Text\"><\/figure>\n<p>Sublime Text\u2019s multi-cursor feature allows you to select multiple lines simultaneously, making editing faster. Press <span class=\"key\">Tab<\/span> to highlight and edit the next field in the sequence.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/code-fields-2.jpg\" width=\"500\" height=\"200\" alt=\"Multi-cursor Feature in Sublime Text\"><\/figure>\n<h2>How to Install Snippet Packages in Sublime Text<\/h2>\n<p>You don\u2019t have to create every snippet manually. Various packages are available for almost any type of code snippet.<\/p>\n<p>If you\u2019ve installed Package Control, press <span class=\"key\">Shift<\/span> + <span class=\"key\">Command<\/span> + <span class=\"key\">P<\/span> to open it. Then, search for the snippet package you need.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/sass-snippet.jpg\" width=\"500\" height=\"250\" alt=\"SASS Snippet Package in Sublime Text\"><\/figure>\n<p>Even snippets for <strong>Code Licenses<\/strong> are available.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/license-snippet.jpg\" width=\"500\" height=\"250\" alt=\"Code License Snippet in Sublime Text\"><\/figure>\n<p>Once you\u2019ve installed the snippets you need, you\u2019re good to go. Sublime Text will display snippet options as you type, so there\u2019s no need to memorize trigger keywords.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/sass-snippet-mixin.jpg\" width=\"500\" height=\"250\" alt=\"SASS Snippet Mixin in Sublime Text\"><\/figure>\n<p>We hope these tips help enhance your coding workflow. Happy coding!<\/p>\n<h2>Additional Resources<\/h2>\n<p>For more information on creating and customizing snippets, you can visit the following resource:<\/p>\n<ul>\n<li><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/docs.sublimetext.info\/en\/latest\/extensibility\/snippets.html\">Sublime Text Documentation for Snippets<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>As developers, we often find ourselves reusing the same pieces of code multiple times. One efficient way to avoid this repetition is by storing frequently used code in snippets. This method allows for quick retrieval and easy access. For those looking to optimize their coding process, Sublime Text, a popular code editor, offers a convenient&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":[3392,3393],"tags":[3029,1674,2499],"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.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Streamlining Your Workflow with Code Snippets in Sublime Text - Hongkiat<\/title>\n<meta name=\"description\" content=\"As developers, we often find ourselves reusing the same pieces of code multiple times. One efficient way to avoid this repetition is by storing frequently\" \/>\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-code-snippets\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Streamlining Your Workflow with Code Snippets in Sublime Text\" \/>\n<meta property=\"og:description\" content=\"As developers, we often find ourselves reusing the same pieces of code multiple times. One efficient way to avoid this repetition is by storing frequently\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/\" \/>\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=\"2013-06-12T13:01:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T17:34:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/new-snippet.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=\"5 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-code-snippets\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Streamlining Your Workflow with Code Snippets in Sublime Text\",\"datePublished\":\"2013-06-12T13:01:12+00:00\",\"dateModified\":\"2025-04-03T17:34:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/\"},\"wordCount\":551,\"commentCount\":45,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-code-snippets\\\/new-snippet.jpg\",\"keywords\":[\"Code Editors\",\"snippet\",\"sublime text\"],\"articleSection\":[\"Coding\",\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/\",\"name\":\"Streamlining Your Workflow with Code Snippets in Sublime Text - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-code-snippets\\\/new-snippet.jpg\",\"datePublished\":\"2013-06-12T13:01:12+00:00\",\"dateModified\":\"2025-04-03T17:34:01+00:00\",\"description\":\"As developers, we often find ourselves reusing the same pieces of code multiple times. One efficient way to avoid this repetition is by storing frequently\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-code-snippets\\\/new-snippet.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/sublime-code-snippets\\\/new-snippet.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/sublime-code-snippets\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Streamlining Your Workflow with Code Snippets in 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":"Streamlining Your Workflow with Code Snippets in Sublime Text - Hongkiat","description":"As developers, we often find ourselves reusing the same pieces of code multiple times. One efficient way to avoid this repetition is by storing frequently","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-code-snippets\/","og_locale":"en_US","og_type":"article","og_title":"Streamlining Your Workflow with Code Snippets in Sublime Text","og_description":"As developers, we often find ourselves reusing the same pieces of code multiple times. One efficient way to avoid this repetition is by storing frequently","og_url":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-06-12T13:01:12+00:00","article_modified_time":"2025-04-03T17:34:01+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/new-snippet.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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Streamlining Your Workflow with Code Snippets in Sublime Text","datePublished":"2013-06-12T13:01:12+00:00","dateModified":"2025-04-03T17:34:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/"},"wordCount":551,"commentCount":45,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/new-snippet.jpg","keywords":["Code Editors","snippet","sublime text"],"articleSection":["Coding","Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/","url":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/","name":"Streamlining Your Workflow with Code Snippets in Sublime Text - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/new-snippet.jpg","datePublished":"2013-06-12T13:01:12+00:00","dateModified":"2025-04-03T17:34:01+00:00","description":"As developers, we often find ourselves reusing the same pieces of code multiple times. One efficient way to avoid this repetition is by storing frequently","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/new-snippet.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/sublime-code-snippets\/new-snippet.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/sublime-code-snippets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Streamlining Your Workflow with Code Snippets in 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-4wi","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17378","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=17378"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17378\/revisions"}],"predecessor-version":[{"id":73604,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/17378\/revisions\/73604"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=17378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=17378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=17378"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=17378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}