prefacio
El contenido de este capítulo es el uso y la discusión relacionada del entorno de desarrollo VUE .
Dirección del artículo anterior:
Vue 3: Juega con la tecnología front-end web (3) - Lion King's Blog - CSDN Blog
Dirección del artículo siguiente:
(ninguno)
1. Uso del entorno de desarrollo
1. Sinización de VScode
¿La sinización conducirá a la incompatibilidad? Existen riesgos, pero los beneficios son mayores. Puede elegir complementos de acuerdo con sus preferencias personales. La siguiente es la forma de instalar complementos. Cada complemento tendrá instrucciones y uso relacionados.
2. Ejecutar el proyecto
Cree una nueva terminal y use la línea de comando para ejecutar el proyecto.
3. Depuración de front-end
Después de acceder al servicio, depure a través de la función de inspección del elemento del navegador. Esto no es solo un trabajo físico, sino también un trabajo meticuloso. En términos generales, es muy simple implementar una página, pero se necesita mucho esfuerzo para embellecerla. :
4. Cambiar el contenido del proyecto
(1) Modificar el texto
Actualice el navegador en este momento, el contenido no cambiará.
(2) Asegúrese de guardar
Utilice la tecla de método abreviado Ctrl+S para actualizar la modificación en la interfaz.
(3) Ctrl+S es solo para el archivo actual
Las siguientes situaciones no actualizarán el contenido de VUE a la página web
(4) Establecer guardado automático
5. Ejecución y depuración
La premisa es que el servicio front-end se ha estado ejecutando; de lo contrario, la interfaz no se puede abrir durante la depuración.
(1) Establecer un punto de interrupción
Simplemente coloque un punto de interrupción delante del código.
(2) Seleccione el complemento para la depuración
Seleccione Depurar y Ejecutar, e ingrese Depurar para seleccionar el complemento de depuración
2. Discusión sobre el uso relacionado
1. ¿Cómo hacer un buen uso de las herramientas de desarrollo de VScode?
(1) Instalar complementos: VScode tiene muchos complementos para mejorar su funcionalidad. Por ejemplo, la instalación de un complemento de formato de código puede ayudarlo a mantener un estilo de código uniforme; la instalación de un complemento de fragmento de código puede proporcionar autocompletado y bloques de código; la instalación de un complemento de control de versiones puede integrarse con sistemas de control de versiones como Git. Explore los complementos en el mercado y elija el que se adapte a sus necesidades.
(2) Preferencias personalizadas: VScode le permite realizar varias personalizaciones según sus preferencias. Por ejemplo, puede cambiar el tema, la fuente, el estilo de sangría y ajustar el comportamiento del editor. Abra la página de configuración y explore las opciones disponibles para configurarlas a su gusto.
(3) Use teclas de acceso directo: VScode proporciona una gran cantidad de teclas de acceso directo, que pueden ayudarlo a completar rápidamente operaciones comunes. Algunos atajos de uso común incluyen Ctrl+S para guardar el archivo, Ctrl+X para cortar, Ctrl+C para copiar, Ctrl+V para pegar, Ctrl+Z para deshacer, etc. Conocer y utilizar estos atajos puede aumentar su productividad.
(4) Utilice la terminal integrada: VScode tiene una función de terminal integrada, que puede ejecutar comandos en el editor. Puede usar el terminal para ejecutar comandos de depuración, compilar y ejecutar proyectos, y más. Abra el panel Terminal, elija el terminal apropiado y ejecute el comando que necesita.
(5) Use fragmentos de código: VScode admite fragmentos de código personalizados, que pueden ayudarlo a ingresar rápidamente bloques de código de uso común. Puede definir sus propios fragmentos o instalar fragmentos proporcionados por complementos de terceros. Use fragmentos de código para reducir la escritura repetitiva y aumentar la velocidad de codificación.
(6) Use la función de depuración : VScode tiene una poderosa función de depuración que puede ayudarlo a encontrar y corregir errores durante el proceso de desarrollo. Puede establecer puntos de interrupción, ver los valores de las variables, recorrer el código y más. Aprender y usar la función de depuración de manera competente puede localizar y resolver problemas rápidamente.
(7) Domina la función de extensión: La función de extensión de VScode es muy poderosa. Puede instalar varias extensiones para admitir diferentes lenguajes de programación, marcos y herramientas. Conocer y utilizar las extensiones adecuadas puede aumentar la productividad de su desarrollo.
2. ¿Qué debo hacer si el panel de depuración siempre está abierto después de depurar la configuración y ejecutarla una vez?
Simplemente acostúmbrese o busque la opción correspondiente en la configuración para configurarlo.