Atom Development Server

https://github.com/joaoafrmartins/atom-development-server/

Features

Static Http Server

• a static file http server

Live Reload Server

• livereload html changes in the browser or the preview tab

Terminal

• execute a terminal session from inside atom editor

  Notes:
  
      - If you start atom using a terminal window you migth have to close
  the terminal you used to launch atom
  
      - If you clone the git repository and are having trouble with pty.js
    try running apm install atom-development-server and copy pty.js
    from the node_modules folder.
  
  [pty.js#83](https://github.com/chjj/pty.js/issues/83)

Browser Tabs

• html preview inside atom panes

  Note: the browser config section allows you to embed multiple iframes inside atom

  "browser": {
    "tabs": [
      {
        "split": "right",
        "title": "Preview",
        "changeFocus": false,
        "searchAllPanes": true,
        "uri": "http://localhost:8080"
      },
      {
        "split": "right",
        "title": "Specs",
        "changeFocus": false,
        "searchAllPanes": true,
        "uri": "http://localhost:8080/specs.html"
      }
    ]
  }

Custom Shortcuts

• subscribe to events and execute custom actions

• each action will be mapped to a button wich trigger the specified action

• the action value should be a bash command (ex: npm run test)

• you can subscribe to one or more atom core events:

  Note: the autobuild option allows you to toggle the subscriptions on or off.

  "shortcuts": {
    "subscriptions": {
      "core:save": ["build"]
    },
    "actions": {
      "build": "npm run build"
    }
  }