{"id":14515,"date":"2020-06-06T18:24:03","date_gmt":"2020-06-06T18:24:03","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=14515"},"modified":"2020-06-06T18:24:56","modified_gmt":"2020-06-06T18:24:56","slug":"what-are-the-best-sublime-text-3-plugins-for-web-development","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/what-are-the-best-sublime-text-3-plugins-for-web-development\/","title":{"rendered":"What are the best Sublime Text 3 plugins for web development ?"},"content":{"rendered":"\n<p>Here i am going to demonstrate you some cool plugins for web developer to easily code in Sublime Text 3. so let&#8217;s get started now. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Why we need to install plugins in Sublime Text 3?<\/h4>\n\n\n\n<p>whenever a developer needs to code in sublime then he think about something cool and nice view of code and he\/she can easily catch the errors and easily get some suggestions on codes. so that&#8217;s why everyone needs to know about the best plugins for sublime Text 3.<\/p>\n\n\n\n<p>Whenever you open sublime then the view will be look like this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"740\" height=\"489\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/sublime-view-of-new-window.jpg\" alt=\"\" class=\"wp-image-14516\" srcset=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/sublime-view-of-new-window.jpg 740w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/sublime-view-of-new-window-300x198.jpg 300w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><figcaption><em>Sublime New Window View<\/em><\/figcaption><\/figure>\n\n\n\n<p>Before we start about plugins of Sublime Text. we have to discuss about his package control website. where you can find all plugins related to sublime. so the <a href=\"https:\/\/packagecontrol.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Package Control<\/a> Website of Sublime looks like below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/package-control-website-of-sublime-plugins-1024x450.jpg\" alt=\"\" class=\"wp-image-14517\" srcset=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/package-control-website-of-sublime-plugins-1024x450.jpg 1024w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/package-control-website-of-sublime-plugins-300x132.jpg 300w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/package-control-website-of-sublime-plugins-768x337.jpg 768w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/package-control-website-of-sublime-plugins.jpg 1263w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Now let&#8217;s start discussion on Sublime plugins and How to install it.<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>click on <strong>Tools<\/strong> menu <\/li><li>click on <strong>Command Palette..<\/strong>  [ Ctrl + Shift +P ]<\/li><li>Search <strong>Package Control:Install<\/strong> and click on it.<\/li><li>Then you will get all list of plugins automatically.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"739\" height=\"481\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/command-palette-under-tools-menu-sublime-text.jpg\" alt=\"\" class=\"wp-image-14518\" srcset=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/command-palette-under-tools-menu-sublime-text.jpg 739w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/command-palette-under-tools-menu-sublime-text-300x195.jpg 300w\" sizes=\"auto, (max-width: 739px) 100vw, 739px\" \/><figcaption>Part &#8211; I<\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"737\" height=\"483\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/install-package-control-in-sublime-text-3.jpg\" alt=\"\" class=\"wp-image-14519\" srcset=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/install-package-control-in-sublime-text-3.jpg 737w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/install-package-control-in-sublime-text-3-300x197.jpg 300w\" sizes=\"auto, (max-width: 737px) 100vw, 737px\" \/><figcaption>Part &#8211; II<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"734\" height=\"483\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/list-of-all-plugins.jpg\" alt=\"\" class=\"wp-image-14520\" srcset=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/list-of-all-plugins.jpg 734w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/list-of-all-plugins-300x197.jpg 300w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><figcaption><em>Plugins list after installation of Package Control<\/em><\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/emmet.io\/\" target=\"_blank\">Emmet<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/www.sublimelinter.com\/en\/stable\/\" target=\"_blank\">SublimeLinter<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/packagecontrol.io\/packages\/Sass\" target=\"_blank\">Sass<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/babeljs.io\/\" target=\"_blank\">Babel<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/packagecontrol.io\/packages\/GhostText\" target=\"_blank\">GhostText<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/sublimegit.readthedocs.io\/en\/latest\/\" target=\"_blank\">Git<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/packagecontrol.io\/packages\/Terminal\" target=\"_blank\">Terminal<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/packagecontrol.io\/packages\/DocBlockr\" target=\"_blank\">DocBlockr<\/a><\/li><li><a href=\"https:\/\/packagecontrol.io\/packages\/Emoji\" target=\"_blank\" rel=\"noreferrer noopener\">Emoji<\/a><\/li><\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Note: whenever you install any plugins from Command Palette. the installation result will be shown at status bar.<\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"485\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/plugins-installation-result-at-status-bar.jpg\" alt=\"\" class=\"wp-image-14521\" srcset=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/plugins-installation-result-at-status-bar.jpg 738w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/06\/plugins-installation-result-at-status-bar-300x197.jpg 300w\" sizes=\"auto, (max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<p>So friends you can also search more plugins and comment us which you are using in your sublime to easily develop or change code in any language.<\/p>\n\n\n\n<p>Keep supporting us by  sharing this blog with your developer friends.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here i am going to demonstrate you some cool plugins for web developer to easily code in Sublime Text 3. so let&#8217;s get started now. Why we need to install plugins in Sublime Text 3? whenever a developer needs to code in sublime then he think about something cool and nice view of code and&#8230;<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_joinchat":[],"footnotes":""},"categories":[2],"tags":[],"class_list":["post-14515","post","type-post","status-publish","format-standard","hentry","category-uncategorised"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/14515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/comments?post=14515"}],"version-history":[{"count":2,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/14515\/revisions"}],"predecessor-version":[{"id":14523,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/14515\/revisions\/14523"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=14515"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=14515"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=14515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}