Preparación para la enseñanza a nivel de niñera para usar vue.js en idea

Referencia del tutorial de descarga e instalación de Idea.

(1 mensaje) Tutorial de descarga e instalación de IDEA_blog-CSDN de Sang Zhiyuanfang ~ icono-default.png?t=M85Bhttps://blog.csdn.net/weixin_59367964/article/details/127900057

Después de la instalación, puede iniciar nuestro tutorial de instalación de vue.js.

Sin más, ¡vamos directos a los productos secos! ! !

Tabla de contenido

1. Comprensión temprana de la instalación de vue.js

2. Instale node.js

3. Instale la imagen de npm Taobao

4. Instalar el paquete web

5. Instale el andamio vueCli

6. Instale el complemento vue.js en idea


1. Comprensión temprana de la instalación de vue.js

    1. ¿Qué es vue.js?

           vue.js es la primera opción para la mayoría de las empresas a la hora de crear páginas web front-end porque es de tamaño pequeño, potente en funciones y muy flexible. Ocupa una gran cantidad de uso en el mercado.

           vue.js es un marco de JavaScript progresivo que se ajusta a la separación del desarrollo front-end y back-end.

    2. Qué se debe instalar para instalar vue.js

          Instalación de node.js; (Google V8 encapsulado)

          Instale la imagen npm Taobao; (usando la herramienta node.js)

          Instalar webpack; (herramientas que usan vue.js)

          Instalar andamios de vue Cli; (una herramienta para construir rápidamente proyectos de vue)

          Instale vue.js; (el complemento vue se puede instalar directamente en idea)

2. Instale node.js

    1. Descargue node.js del sitio web oficial  Node.js (nodejs.org) icono-default.png?t=M85Bhttps://nodejs.org/en/

    2. Haga clic para descargar

 

     

      3. Haga clic en Siguiente y estará bien. La dirección de instalación se puede cambiar a la unidad D.  

          No se muestra aquí

      4. Una vez completada la instalación, abra el símbolo del sistema con win+r cmd e ingrese nodo -v

         Si se muestra el número de versión de node.js, la instalación se realizó correctamente

         

 

3. Instale la imagen de npm Taobao

1. Win+r e ingrese cmd para abrir la ventana del símbolo del sistema e ingrese: npm install --global cnpm

npm install --global cnpm

2. Luego ingrese: npm config set registro https://registry.npm.taobao.org

 npm config set registry https://registry.npm.taobao.org

3. Después del éxito, ingrese: npm config list

 npm config list

        Está bien verificar la información de configuración o ingresar npm -v para verificar el número de versión de npm.

4. Instalar el paquete web

      Después de instalar node.js y npm, puede instalar webpack

      Sigue ganando + r cmd para abrir la ventana del símbolo del sistema

      1. Ingrese npm install webpack webpack-cli -g --save-dev para instalar webpack

  npm install webpack webpack-cli -g --save-dev

       La velocidad de descarga depende de la velocidad de su propia red; normalmente unas pocas docenas de segundos estarán bien.

     2. Una vez que la instalación sea exitosa, ingrese webpack -v. Aparece la siguiente captura de pantalla, lo que significa que la instalación fue exitosa.

 

5. Instale el andamio vueCli

 Los andamios pueden construir directamente un proyecto vue, por lo que también es necesario instalarlos.

1. Instale vue-cli globalmente e ingrese el comando en cmd:    npm install --global vue-cli

2. Ingrese vue -V para verificar el número de versión correspondiente, lo que significa que la instalación se realizó correctamente.

 

6. Instale el complemento vue.js en idea

 

Abra la idea, Archivo->Configuración->Complementos, busque vue, haga clic en Instalar y reinicie la idea después de la instalación.

Lo anterior son todos los preparativos para usar vue.js en idea. Espero que pueda ayudar a todos. Si hay alguna deficiencia, espero que puedan corregirla. ¡Gracias!

Supongo que te gusta

Origin blog.csdn.net/weixin_59367964/article/details/127938017
Recomendado
Clasificación