LabInstance vue!

Quickstart

This is a quickstart guide of howto use this LabInstance

Default Configuration

  • Working Directory

/home/node/project

  • Default users

node

  • Default password

docker

AND

/home/docker/project

  • Default user

docker

  • Default password

docker

  • Default password4root

pass

Creating a Project

su node

vue create hello-world

Run it!

cd projectname

npm run serve

LabInstance Info

Vue.js (commonly referred to as Vue; pronounced "view") is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You, and is maintained by him and the rest of the active core team members

Vue.js features an incrementally adaptable architecture that focuses on declarative rendering and component composition. The core library is focused on the view layer only. Advanced features required for complex applications such as routing, state management and build tooling are offered via officially maintained supporting libraries and packages.

Vue.js allows for extending HTML with HTML attributes called directives. The directives offer functionality to HTML applications, and come as either built-in or user defined directives.

What differentiates Vue.js from other alternatives is:
its “high decoupling”, how easy it is to extend functionalities, and how well all parts work once more modules are included.

For example, if we want to organize and render small visual components, all we need is Vue.js’s ‘core’ library. It is not necessary to include additional libraries.

As the application grows,

  • we have libraries to manage routes such as ‘vue-router’,

  • libraries to manage the global state such as ‘vuex’

  • and libraries to build responsive web applications such as ‘bootstrap-vue’.

Additionally, if our application needs to be optimized or needs good SEO, we can include the ‘vue-server-rendering’ library.

RUN INSTANCE

Swarmlab services can be run in different ways.

CLI

git clone …​

cd [DIRECTORY]

help

make help

create service

make create

start service

make start

stop service

make stop

list service

make list

clean service

make clean