Written by Hamilton Cline
Last updated on October 11, 2019, 10:30 am

Sublime Text

Sublime Text has a robust plugin system called packages. These can be downloaded from PackageControl.io and added manually, or by using the built in package control tools. Let's add an FTP manager called SFTP, and a quick code snippet tool called Emmet to ST.

Package Control

Using Command Palette

  1. Cmd + Shift + P to open
  2. Esc to close

Install Package Control

  1. Cmd + Shift + P
  2. Type install
  3. Choose Install Package Control or skip next step
  4. Close popup

Emmet

Install Emmet

  1. Cmd + Shift + P
  2. Type install
  3. Choose Package Control: Install Package
  4. Type emmet
  5. Choose the package called Emmet or skip to next step

Emmet Cheat Sheet

For more information on using Emmet, check out the Emmet Cheat Sheet. This document contains numerous examples for how to use the Emmet plugin in your text editor of choice. Make sure you read up on CSS Selectors for a better understanding of how to use Emmet effectively for creating HTML.

SFTP

Install SFTP

  1. Cmd + Shift + P
  2. Type install
  3. Choose Package Control: Install Package
  4. Type sftp
  5. Highlight the package called SFTP or skip to next step

Setup SFTP

  1. Warning: Do not map an sftp folder inside a folder that is already mapped. Do not nest mapped folders.
  2. Create a folder that should match the root folder of your website server.
  3. Drag the folder into Sublime Text (Or open it)
    • Always start by opening a folder in Sublime.
    • Think of the folder as your whole project.
    • Don't open individual files into Sublime one at a time.
  4. Right click the folder in the sidebar
  5. SFTP > Map to Remote
  6. "type" should be either sftp or ftp (If you've made a unique ftp account, it will be ftp, otherwise it might be sftp)
  7. "host" should be your website url, eg: awebsiteurl.com
  8. "user" should be your ftp username
  9. "password" should be your ftp password
  10. "remote_path" should be "/" unless you know better
  11. (optional) "upload_on_save" : true
Written by Hamilton Cline
Last updated on October 11, 2019, 10:30 am