How to set up Sublime Text 3 for layout designer?

Question

HTML

How to set up Sublime Text 3 for layout designer? For example, how can you run the created HTML file in browsers directly from the program?

Answer 1

Personally, I use:
1) Sass (hard to explain in a nutshell, it's better to read the documentation on this technology if you don't know it)
2) Compass (cross-browser compilation of sass, sprite cutting)
3) Emmet (saves time writing html)
4) SFTP (ftp -client)
5) CSSComb (formats css)
6) SassBeautify (formats code in sass)

Answer 2

Install Brackets instead of Sublime)

Answer 3

livereload

Answer 4

Personally, I first set the Package Control, and then:
sass - set up the correct SASS highlighting in Sublime Text 3.
jade - HTML preprocessor.
gist is a plugin for quick access to your snippets on GitHub.
brackethighlighter - highlighting brackets, tags in Sublime Text 3.
autofilename - autocomplete for connecting external files to the layout.
colorhighlighter - color highlighter.
BufferScroll - saving the position of the cursor in the document.
Goto-CSS-Declaration is a plugin for quickly finding the corresponding class in CSS, SASS, LESS.
After installing Emmet, do not forget to remove "Auto complite" in the settings, and for convenience, add the "reindent" function to the key binding