Recomiendo encarecidamente un artefacto de depuración Vue3 + Vite, ¡abandone por completo Vue Devtools! ! !

prefacio

Creo que los estudiantes que lo usan Vuedeben estar familiarizados con Vue Devtoolsel complemento del navegador, pero algunos estudiantes no pueden descargar e instalar el complemento debido a problemas de red, por lo que hoy recomiendo un mejor complemento para todos, que se puede usar vite-plugin-vue-devtoolsdirectamente sin instalación del navegador npm, y la interfaz también es muy hermosa, y la función es más poderosa.

instalar complemento

arduino
复制代码
# vite-plugin-vue-devtools

pnpm install vite-plugin-vue-devtools -D

configuración del proyecto

js
复制代码
import { defineConfig } from 'vite'
import VueDevTools from 'vite-plugin-vue-devtools'

export default defineConfig({
  plugins: [
    VueDevTools(),
    vue(),
  ],
})

Introducción al complemento

Descripción general

Muestra la aplicación 快速概览, las extensiones en uso Vue 版本y 页面el 组件número.

Paginas

PagesMuestra los registrados actualmente 路由y proporciona un acceso directo para la navegación de rutas.

Para 动态路由, también proporciona un formulario para completar cada parámetro de forma interactiva.

También puede ingresar una ruta específica en el cuadro de búsqueda para que coincida con la ruta correspondiente.

Componentes

ComponentsMuestra los componentes que utiliza en su aplicación y sus 层级relaciones. Puede seleccionar el componente correspondiente para ver sus detalles (p. ej. data, propsetc.).

Activos

AssetsMuestra su 静态资源lista (actualmente solo muestra Vite config.publicDirlos recursos bajo el directorio) y su información detallada, puede abrirlos o descargarlos en el navegador.

Cronología

TimelineDividido en tres categorías: respectivamente 性能, 路由跳转y Pinia. Puede alternarlos para ver los cambios de estado y la línea de tiempo correspondientes.

Rutas

Routeses una Vue Routercaracterística integrada que le permite ver sus rutas registradas y detalles relacionados.

Piña

Piniaes una Piniacaracterística integrada que le permite ver sus módulos registrados y detalles relacionados.

Grafico

GraphProporciona una manera de mostrar la relación entre los componentes 依赖视图.

Inspeccionar

Inspectestá integrado Vite -plugin- Inspect, lo que le permite inspeccionar Vitelos pasos de conversión de . Es útil comprender cómo cada complemento transforma su código y detectar posibles problemas.

Inspector

También puede usar Inspectorel atributo para inspeccionar DOMel árbol y ver qué componente lo está representando. Haga clic para ir al editor de una línea específica. Facilita los cambios sin necesidad de un conocimiento profundo de la estructura del proyecto. (esta funcionalidad se basa en vite-plugin-vue-inspectorla implementación)

Digresión

En este primer año de tecnología de rápido crecimiento, la programación es como un boleto a un mundo de infinitas posibilidades para muchas personas. En la alineación estelar de los lenguajes de programación, Python es como la superestrella líder. Con su sintaxis concisa y fácil de entender y sus potentes funciones, se destaca y se convierte en uno de los lenguajes de programación más populares del mundo.


El rápido ascenso de Python es extremadamente beneficioso para toda la industria , pero " 人红是非多" ha provocado que agregue muchas críticas, pero aún no puede detener su gran impulso de desarrollo.

¿Python seguirá siendo relevante e intacto durante el resto de la próxima década? Hoy, vamos a analizar los hechos y disipar algunos conceptos erróneos.

Si está interesado en Python y desea obtener un salario más alto aprendiendo Python, ¡entonces el siguiente conjunto de materiales de aprendizaje de Python debe serle útil!

Los materiales incluyen: paquete de instalación de Python + código de activación, desarrollo web de Python, rastreador de Python, análisis de datos de Python, inteligencia artificial, aprendizaje automático y otros tutoriales de aprendizaje. Incluso los principiantes con 0 conceptos básicos pueden entender y comprender. ¡Siga el tutorial y lo llevará a aprender Python sistemáticamente desde cero conceptos básicos!

1. Rutas de aprendizaje en todas las direcciones de Python

La ruta de todas las direcciones en Python es organizar los puntos técnicos comúnmente utilizados de Python para formar un resumen de los puntos de conocimiento en varios campos. Su utilidad radica en que puede encontrar los recursos de aprendizaje correspondientes de acuerdo con los puntos de conocimiento anteriores para asegurarse de que aprende de manera más integral.
inserte la descripción de la imagen aquí
2. Software de aprendizaje Python

Si un trabajador quiere hacer un buen trabajo, primero debe afilar sus herramientas. ¡El software de desarrollo comúnmente utilizado para aprender Python está aquí!
inserte la descripción de la imagen aquí
3. Video de aprendizaje introductorio de Python

También hay muchos videos de aprendizaje adecuados para comenzar con los conceptos básicos de 0. Con estos videos, puede comenzar fácilmente con Python ~inserte la descripción de la imagen aquí

4. Ejercicios de Python

Después de cada lección de video, hay preguntas de práctica correspondientes, ¡puedes probar los resultados de aprendizaje, jaja!
inserte la descripción de la imagen aquí

Cinco, caso de combate real de Python

La teoría óptica es inútil. Tienes que aprender a escribir códigos junto con ella, y luego puedes aplicar lo que has aprendido en la práctica. En este momento, puedes aprender de algunos casos prácticos. Esta información también está incluida~inserte la descripción de la imagen aquí

6. Materiales de entrevista de Python

¡Después de haber aprendido Python, podemos salir y encontrar un trabajo con las habilidades! Las siguientes preguntas de la entrevista son todas de las principales empresas de Internet, como Ali, Tencent, Byte, etc., y algunos jefes de Ali han dado respuestas autorizadas. Después de leer este conjunto de materiales de entrevista, creo que todos pueden encontrar un trabajo satisfactorio.
inserte la descripción de la imagen aquí
inserte la descripción de la imagen aquí
7. Recopilación de información

El conjunto completo de materiales de aprendizaje para la versión completa de Python mencionada anteriormente se cargó en el sitio web oficial de CSDN. Aquellos que lo necesiten pueden escanear el código QR de la certificación oficial de CSDN a continuación en WeChat para recibirlo de forma gratuita.

Supongo que te gusta

Origin blog.csdn.net/pythonhy/article/details/132364767
Recomendado
Clasificación