development-server's Introduction

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"
  }
}
```

Recommend Projects