You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
2.7 KiB
138 lines
2.7 KiB
3 years ago
|
= 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
|
||
|
|
|
||
|
|
=== Open it!
|
||
|
|
|
||
|
|
> http://localhost:8080
|
||
|
|
|
||
|
|
== 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.
|
||
|
|
|
||
|
|
|
||
|
|
TIP: 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.
|
||
|
|
|
||
|
|
== More info
|
||
|
|
|
||
|
|
https://vuejs.org/[^]
|
||
|
|
|
||
|
|
https://cli.vuejs.org/guide/creating-a-project.html#vue-create[^]
|
||
|
|
|
||
|
|
== RUN INSTANCE
|
||
|
|
|
||
|
|
Swarmlab services can be run in different ways.
|
||
|
|
|
||
|
|
- You can run them **through the swarmlab hybrid environment** (http://docs.swarmlab.io/SwarmLab-HowTos/swarmlab/docs/swarmlab/docs/hybrid/start-microservices.html)
|
||
|
|
- or use them individually at will on the **command line of your system**
|
||
|
|
|
||
|
|
|
||
|
|
=== 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
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|