Learn node js, angular, php best practices. A self learning platform to learn web development. Learn modern web development technologies.

June 10, 2019

Speed Up Web Development With Emmet For Sublime Text 3

setup-sublime-text-php

You can find tons of information on the internet to set up sublime text for development. If you like to follow any of them you can skip reading this post. If you are ready, keep going on.

Install Package Control 


Sublime text is able to download and use 3rd party plugins by using something known as Package Control. I found following video very useful for this purpose.

After installing package control, now you can begin searching for useful plugins and then install them one by one as per your choice.

Open search bar by pressing Ctrl + Shift + P keys combination on keyboard for windows and Cmd + Shift + P keys combination for Mac OS.

You will see something similar to this as shown below.

sublime-package-control


Type "Install Package" (without quotes) and press enter key on keyboard, you will see lot of plugins to install.

sublime-package-control-plugin


Now, install the plugins that I mentioned below.




  • Emmet
  • SublimeLinter
  • SublimeLinter-php
  • PHP Companion
  • PHP Completions Kit
  • PHPIntel


Above mentioned plugins are must to speed up PHP development. The setup process for SublimeLinter is a bit tricky, so I share this link, so that you can follow along easily.

PHP linter tool will help you by displaying PHP errors, while you are writing your code. You can install other plugins easily. It won't be that hard.

I would specially like to mention about the Emmet plugin. It will help you to write HTML and CSS code more easily and efficiently. It will also save your time a lot. Please see this cheat sheet for valid commands list for emmet. Personally I use emmet often.

Final Words

If you find this post helpful, don't forget to share. Thank you!

5 comments:

  1. Great job for publishing such a nice article. Your article isn’t only useful but it is additionally really informative. Thank you because you have been willing to share information with us.
    Thanks...

    ReplyDelete
  2. Thanks for sharing this useful information about web developing and speed boosting with us. We also providing web development and designing services and we have many website development packages for you in California(USA). I hope you will share such more information with us related web developing & designing.

    ReplyDelete
  3. I have bookmarked your blog, the articles are way better than other similar blogs.. thanks for a great blog! web design companies

    ReplyDelete
  4. Your website is really cool and this is a great inspiring article. Thank you so much. design

    ReplyDelete
  5. Great job for publishing such a beneficial web site. Your web log isn’t only useful but it is additionally really creative too. There tend to be not many people who can certainly write not so simple posts that artistically. Continue the nice writing web developer company

    ReplyDelete