litestarter

Little starter for apps with Vue.js (v2) + Win7.css + Importer + Reloader + Socket-io.client.

Installation

npm i -g @allnulled/litestarter

Usage

This will start a project in the current directory.

litestarter .

To serve the static files do:

sh serve.sh

To reload automatically on changes do:

node reloader.js

You can create new components simply with:

node create-component.js

Features

• Module loading bar (with importer)
• Import modules system (with importer)
• Instantiable logger (with basic-logger)
• Instantiable checker (with ensure)
• Filesystem polyfill (with ufs)
• SQLite polyfill with:
  • sql.js
  • sqlite-polyfill
  • sqlite-data-system)
• Windows 7 styles (with win7.css)
• Custom bundler (with vuebundler and htmlbundler)
• Automatic refresher

Files in docs

The docs folder contains the base project of litestarter. It contains files like:

• bundle.js: compiles the Vue.js v2 components, JavaScript and CSS to dist/*.*. Can run with npm run build.
• bundlelist.components.js: provides the list of components.
• bundlelist.js.js: provides the list of components.
• bundlelist.css.js: provides the list of components.
• create-component.js: creates a new component from the templates on src/components/prototype. Can run with npm run create-component.
• package.json: the package.json of the front-end project itself. Change it to fit your requirements.
• reloader.js: starts a socket-server and watching changes on files to emit the order to refresh to the browser. Can run with npm run reloader.
• serve.sh: starts an http server providing access to the application statically. Can run with npm run serve.

Note that reloader.js does NOT compile automatically the dist application. You have to npm run build manually.

Note also that src/index.js is controlling the load depending on the environment.

• In "test" it loads file by file by default.
• In "production" it laods directly dist/app.js and dist/app.css (which also contain components.*).
  • To update dist/app.* you must run npm run build manually

Demo

Go to:

• https://allnulled.github.io/litestarter/