web dev shell

Web Developer Shell

Quickly develop and test modern HTML, CSS, and JavaScript in a fast, local web environment. Intended for both new and experienced developers.

Prerequesites

1. Install NodeJS/NPM, if needed.

2. Optionally, install Yarn, a newer alternative to NPM. (Read more)

3. Install Parcel globally. Parcel v2 is currently recommended at the time of writing. From a command line, run:

   $ npm install -g parcel@2
   
           -- or --
       
   $ yarn global add parcel@2

Usage

Parcel will start a webserver, watch for changes to files in src/ folder, automatically rebuild the project's HTML/JS/CSS code, and hot reload the browser. Parcel automatically downloads and installs any package dependencies if it finds certain files or syntax in your code (e.g. TypeScript, SASS/LESS, lit-html, Preact, React, etc).

From a command line, run:

$ parcel src/index.html

Open the server's webpage and begin coding!

http://localhost:1234