Vue前端验证插件
基于vue3的组织架构图

Vu3连续滚动插件
vue3打印插件
vue3-print-nb
过渡动画出现两个页面
https://blog.csdn.net/weixin_42966151/article/details/128384852
v-html中代码高亮方案
安装插件yarn add highlight.js,在组件中引入使用,由于是动态插入的,需要在渲染完成后执行
import { nextTick } from 'vue'
import hljs from 'highlight.js'
// 在需要的地方执行代码高亮
nextTick(() => {
document.querySelectorAll('pre code').forEach((el) => {
hljs.highlightElement(el)
})
})
拖拽组件库
网页版VsCode编辑器
https://github.com/microsoft/monaco-editor
大屏分辨率适配插件v-scale-screen
注:vue2请使用v-scale-screen@1.0.0版本,vue3请使用v-scale-screen@2.0.0版本
yarn add v-scale-screen
使用
// main.js
<v-scale-screen width="1920" height="1080">
<div>
<v-chart>....</v-chart>
</div>
</v-scale-screen>
<script setup>
import VScaleScreen from 'v-scale-screen'
</script>
可选配置

图表工具
富文本编辑器
配合星火模型:https://www.xfyun.cn/