Instalar Vue Cli

Posted on  by admin

In this article, we’ll explain how to install Vue CLI on Ubuntu 20.04.

Vue.js is an open-source model–view–viewmodel front end JavaScript framework. This article will guide you the installation process and creating hello world first project. A Ubuntu 20.04 installed dedicated server or KVM VPS. A root user access or normal user with administrative privileges.

# apt update -y. Download latest stable release of NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash –. Next, install the NodeJS using following command:. # apt-get install -y nodejs.

# node -v && npm -v. Following command will install Vue CLI. # npm install -g @vue/cli. Verify the installation:. @vue/cli 4.5.11. # vue create hello-world.

You will be prompted to pick a preset. You can either choose the default preset which comes with a basic Babel + ESLint setup, or select “Manually select features” to pick the features you need. Vue CLI v4.5.11? Please pick a preset: (Use arrow keys)❯ Default ([Vue 2] babel, eslint)Default (Vue 3 Preview) ([Vue 3] babel, eslint)Manually select features.

Successfully created project hello-world.Get started with the following commands:.

1. Install node.js & npm package

# cd hello-world# npm run serve. App running at:– Local: http://localhost:8080/– Network: http://192.168.0.106:8080/.

Configuración de un proyecto

Note that the development build is not optimized.To create a production build, run npm run build. Navigate to your browser and open http://[server_IP]:8080. The installation has been completed. In this article, we have seen how to install Vue CLI on Ubuntu 20.04. Un proyecto creado con Vue puede tener múltiples formas de crearse, pero existen unas pautas, recomendaciones y buenas prácticas para crear proyectos similares bajo los mismos criterios.