Vue.js | Introducción e instalación

Esta guía es para Vuejs versión 2

VueJS es uno de los mejores marcos para JavaScript como ReactJS. El VueJS se utiliza para diseñar la capa de interfaz de usuario, es fácil de aprender para cualquier desarrollador. También es compatible con otras bibliotecas y extensiones. Si desea crear una aplicación de una sola página, en mi opinión, VueJS es la primera opción. En el campo del desarrollo, puede haber tantos problemas que no se pueden resolver con una sola biblioteca, por lo que VueJS es compatible con otras bibliotecas, por lo que puede hacerlo fácilmente. VueJS es compatible con todos los navegadores populares como Chrome, Firefox, Safari, etc. Puede comparar fácilmente esta biblioteca con sus bibliotecas favoritas.

Instalación de VueJS: Los VueJs se pueden usar de tres maneras diferentes, que se enumeran a continuación:

  • Archivo CDN incluido directamente.
  • Instalar a través de npm.
  • Uso de la CLI

Nota: agregue sudo antes de cada comando mientras usa sistemas operativos basados ​​en Linux y sistemas operativos Mac para evitar permisos de almacenamiento. 

Incluir directamente el archivo CDN: debe descargar la versión de desarrollo y la versión de producción de VueJS y luego incluirla en la etiqueta del script. CDN:

  1. Para fines de aprendizaje, puede usar el siguiente script (con la versión específica):

<script src=”https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js”>

</script>

  1. Para fines de producción, puede usar el siguiente script:

<script src=”https://cdn.jsdelivr.net/npm/vue@2.6.14″>

</script>

  1. Para módulos ES compatibles, use el siguiente script:

<script type=”module”>
 importar Vue desde ‘https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.esm.browser.js’
</script>

Instale a través de npm: antes de aplicar este procedimiento, debe tener instalado npm, para verificar que npm esté instalado o no, ejecute el siguiente comando:

npm -v

De lo contrario, puede instalarlo a través del procedimiento de instalación de node.js para:

  1. Instalación de Node.js en Windows
  2. Instalación de Node.js en Linux

Ahora está listo para instalar VueJS, para hacerlo, ejecute el siguiente comando. Instalará la versión estable más actualizada de VueJS.

npm install vue

Usando CLI: Abra su terminal o símbolo del sistema y ejecute el siguiente comando.

npm install -g @vue/cli

Vamos a crear un proyecto a través de CLI:

  • Paso 1: Ejecute el siguiente comando para crear el proyecto.
vue create myproject

  • Paso 2: Ahora ingrese a la carpeta myproject usando el siguiente comando.
cd myproject
  • Paso 3: Ejecute el siguiente comando para ejecutar su proyecto localmente.
npm run dev

Publicación traducida automáticamente

Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *