Setting up Sublime Text 3 for Web Development

This is the second article in this series, the first one covering Php packages. This one covers the additional packages for Sublime Text 3 for web development.

First on the menu is HTML. We need to install tidy by running:

sudo dnf install tidy

Next we have to install the required packages in Sublime, so press

Ctrl+Shift+P

For the Package Manager, select Package Control: Install Package, look for the following package and install it:

SublimeLinter-html-tidy

Second on the menu is CSS, for this to work we need to install a few packages:

sudo npm install -g csslint

Now bring up the Package Manager, select Package Control: Install Package, look for the following packages and install them:

SublimeLinter
SublimeLinter-csslint

The third thing on the menu is Javascript. First we’ll install JSHint and then the Sublime packages:

sudo npm install -g jshint

So bring up the Package manager, select Package Control: Install Package, look for the following package and install it:

SublimeLinter-jshint

One final package which will be useful for more languages is:

DocBlockr

It will assist you to writing code documentation.

In relation with the previous article, you could also add a few linters for Php by installing:

SublimeLinter-php
SublimeLinter-phpcs
SublimeLinter-phpmd
SublimeLinter-phplint

That’s it for this blog post, stick around to find other interesting stuff.

Leave a Reply

Your email address will not be published. Required fields are marked *