#Sublime text html how to#
#Sublime text html install#
#Sublime text html code#
#Sublime text html windows#

For example, snake_case, dash-case, PascalCase, camelCase, dot.case etc. This package enables you to convert your selected text into a number of different cases.

We’ve seen basic case conversion in Sublime Text which is Title Case, Lower Case and Upper Case. If you have type hinted your function arguments, it’ll even define the right annotations in that comment block.

#Sublime text html code#

This will create a PHPDocumentor compatible code block. Then just type /** above the function declaration line and press Enter. You can define your function normally like you do and even complete it.

#Sublime text html how to#

This is the package for you as PHPDocumentor has a peculiar syntax in how to write code comments. If you write comment blocks to describe your PHP methods that can be read by PHPDocumentor. This package will display the opening and closing brackets when you are in a code block. This handy little package helps me put the semi-colon at the end of the line as it’s supposed to if I make a mistake. While I was writing code, I made a lot of mistakes of putting the semi-colon ( ) in the wrong place. You can also modify the Package’s settings by selecting Alignment -> File Settings – User.

#Sublime text html windows#

If you are a Windows user you can use the option Alignment -> Key Bindings – Default to see the shortcut.

#Sublime text html install#

Just install the package, select the text which you want to align and press Ctrl+Command+A on the Mac. If you are like me and you like to align your (=) symbol in your variable declarations or while making an associative array then this package is for you. Just use it via the Command Palette option. JSON ReindentĪs the name suggests, this package will format JSON which is unformatted. With this package’s help you can even format a minified JS file just as an example even though formatting a minified JS file defeats the minification purpose. Just like HTML Beautify package, this package gives you the ability to format JavaScript files. You’ll immediately see that the package will re-format your entire HTML file or selected text to the proper formatting and indentation. Just open up a messed up HTML file and select HTML Beautify from the Command Palette. You can install this package from Package Control. The first package that you should have is HTML Beautify. So let’s open up Sublime Text and start installing the packages that’ll help us format our code with very little effort. If you are anything like me, you also love the code that is clean and formatted properly. The text on the webpage should show the new text you’ve saved.In this video tutorial, I’ll be showing a couple of packages that will help you format your code easily. On your text document, alter the text between the paragraph tags so that it says something different and save the document. Arrange your windows so you can see the document open as a text document and as a webpage, simultaneously. Now you’ve opened the file in two different ways: as a webpage and as a text file. By default, that file should open up in a browser.

Double-click the icon for the file you saved. Leave your document open and navigate to where you saved the file. Perhaps you remember what stands for: paragraph Type Welcome to my webpageĪfter your opening body tag and before the closing body tag. Let’s put some text in, too, so we have something to look at. Somewhere inside your opening and closing tags.Īfter you create your head tag, leave a line or two blank and close your head tag by typing To make these sections, press return and enter Special instructions for the browser (if you have any) go in the head section. It’s considered good practice to divide up your webpage into head and body sections. (Your browser doesn’t care about spaces and returns that aren’t inside HTML tags.) Then skip a few lines and close your html tag by typing To tell the browser to expect HTML in the document that follows. A document declaration gives instructions to the web browser (like Safari or Firefox) for how to handle the document you’ve created.