prefacio
Creo que los estudiantes que lo usan Vue
deben estar familiarizados con Vue Devtools
el 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-devtools
directamente 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
Pages
Muestra 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
Components
Muestra los componentes que utiliza en su aplicación y sus 层级
relaciones. Puede seleccionar el componente correspondiente para ver sus detalles (p. ej. data
, props
etc.).
Activos
Assets
Muestra su 静态资源
lista (actualmente solo muestra Vite config.publicDir
los recursos bajo el directorio) y su información detallada, puede abrirlos o descargarlos en el navegador.
Cronología
Timeline
Dividido en tres categorías: respectivamente 性能
, 路由跳转
y Pinia
. Puede alternarlos para ver los cambios de estado y la línea de tiempo correspondientes.
Rutas
Routes
es una Vue Router
característica integrada que le permite ver sus rutas registradas y detalles relacionados.
Piña
Pinia
es una Pinia
característica integrada que le permite ver sus módulos registrados y detalles relacionados.
Grafico
Graph
Proporciona una manera de mostrar la relación entre los componentes 依赖视图
.
Inspeccionar
Inspect
está integrado Vite -plugin- Inspect
, lo que le permite inspeccionar Vite
los 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 Inspector
el atributo para inspeccionar DOM
el á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-inspector
la 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.
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í!
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 ~
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!
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~
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.
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.