Live Server & Auto-Save for Sublime

Actively updates preview for web development and auto-save

Live Server

1. Press CTRL + SHIFT +P or CMND + SHIFT +P to open control terminal
2. Type “install ”and click on Package Control: Install Package
3. Then type “Browser sync” and select Browser Sync
4. Wait for it to install and on the navbar there should now be a “Browser Sync” option
5. Restart Sublime.
6. Choose an HTML file, click on “Browser Sync”, and press “Launch”

Installing the package

Using the package

Auto-Save

1. Press CTRL + SHIFT +P or CMND + SHIFT +P to open control terminal
2. Type “install ”and click on Package Control: Install Package
3. Then type “auto-save” and click on “auto-save”
4. After installation is complete, it will pop up the documentation (Don’t close the file and read it)
5. Go to Preferences > Key Bindings. The key bindings file should pop up.
6. The left panel is a list of the default shortcuts. The right pane is where we will override the Save shortcut key.
   Copy and paste { “keys”: [“ctrl+s”], “command”: “auto_save” } into the left pane
7. Now whenever you press CTRL+S or CMND+S it will toggle auto-save
8. After toggling it to on, delete the line so you don’t accidentally toggle it off

Overriding the save key

Whenever the save key is pressed, it will toggle the auto-save package

Deleting the line after to prevent toggling it off