插件vconsole vue3 vite
vscode设置vue3代码格式化
下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac：【shift】+【option】+【f】win：【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标，可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett ......
3. Idea的高效利用(快捷键、设置、插件等) -- 长期更新版
IDEA 作为Java开发工具的绝对霸主,其优秀的性能和众多的内置功能让人又爱又恨.所以正确高效地利用idea成为程序员进阶的必经之路. 注: 本文中的IDEA版本为2020.2. 快捷键 导包/卸包 手动导包: alt + enter 手动卸包: crtl + alt + o 自动导包/卸包的设置 ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。 其实就是不要用默认的 action，要手动实现上传方式 http-request，然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
naming conflicts with other components【vue3】
问题描述： 在vue3中有相同名称的文件时，会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案： 修改vite. ......
electron-vite 安装， 打包下载资源失败，设置国内镜像
由于electron默认打包会从github上下载相关二进制包，众所周知，国内GitHub访问是相当慢的，所以经常会出现下载失败导致打包不成功，这时我们就需要配置国内的镜像源，以解决从GitHub下载慢甚至无法下载的问题。 修改npm配置文件（没有就创建）： npm的配置文件为用户根目录下的：~/. ......
免费IDEA插件推荐：Apipost-Helper
IDEA插件市场中的API调试插件不是收费（Fast Request ）就是不好用（apidoc、apidocx等等）今天给大家介绍一款国产的API调试插件：Apipost-Helper，完全免费且好看好用！ 这款插件由Apipost团队开发的，其官方介绍是：用于IDEA项目快速生成API文档，快速 ......
vue3hooks中的生命周期钩子
vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活 hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑 根据原文件调用生命周期和执行hooks函数的时机进行排序 export const ......
Vue3中实现world、excel、txt、pdf文件预览，（vue-office的使用)
依赖 "@vue-office/docx": "^1.3.0", "@vue-office/excel": "^1.4.5", "@vue-office/pdf": "^1.5.3", 代码案例 核心代码 <div class="preview-box"> <a-modal class="previ ......
docker安装Nginx并运行vue3前端
Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时 ......
vue3路由跳转与参数获取
// 普通跳转 router.push('/index') // query 参数 router.push({ path: '/index', query: { id: 123, } }) // params 参数 router.push({ name: 'index', params: { id: ......
金蝶登录插件配置
<appSettings> <add key ="CustomLoginUI" value="ZQWCustomLoginUI.ZQWLoginV1,ZQWCustomLoginUI" /> <add key ="AllowCustomUseDefLoginUI" value="true" /> < ......
vue3版本下element-plus和antd-vue选哪个更好一些？
Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？ Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了，并不是他们自己 ......
vite启动后提示：Network: use --host to expose，且无法通过网络IP访问服务
 原因： 当 局域网 中另一台设备需要访问该服务时，必须通过本机 IP + 端口 访问。 尝试访问后，发现找不到这个 ......
前端开发中常见的JavaScript库与插件使用经验总结
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
vue2和vue3的区别？
vue2和vue3的区别？ 1. 双向数据绑定原理不同。 vue2利用Object.defineProperty()实现数据劫持，结合发布订阅模式实现。 vue3利用proxy实现数据代理。 2. 是否支持碎片 vue2模板中只能有一个根节点。 vue3中可以有多个根节点。 3. API类型不同 v ......
Visual Basic 6的安装与辅助插件 - 初学者系列 - 学习者系列文章
好久没玩VB6了，今天无聊，就把原来的VB6相关的代码翻了出来，然后上了VMWare虚拟机，把VB6安装上，然后把架构设计那个模板找出来完善了一下。看了一下，VB6这块需要记录一些内容，于是有了本文。 1、 WindowsXP虚拟机； 这里直接找了网上的一个WindowsXP的VM虚拟机文件，已经安 ......
从源码分析 MySQL 身份验证插件的实现细节
最近在分析ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)这个报错的常见原因。 在分析的过程中，不可避免会涉及到 MySQL 身份验证的一些实现细节。 加之之前对这一块就有很多疑问， ......
IDEA中怎么用Postman？这款插件你试试
Postman是大家最常用的API调试工具，那么有没有一种方法可以不用手动写入接口到Postman，即可进行接口调试操作？今天给大家推荐一款IDEA插件：Apipost Helper，写完代码就可以调试接口并一键生成接口文档！而且还可以根据已有的方法帮助您快速生成 url 和 params。更重要的 ......
docker直接运行vue3源代码npm run dev
有套代码，需要在服务器直接run dev，docker build玩起来。 步骤： 将自己的代码上传到服务器，本例：/home/flow/ruoyi-ui cd到项目根目录 ruoyi-ui，新建Dockerfile，内容如下，根据自己本地运行的node版本改第一行版本号。 FROM node:1 ......
vue3 打印
下载依赖 npm install vue3-print-nb --save main.js引入 import print from 'vue3-print-nb' 挂载 app.use(print); 自己写的额弹框表格 <el-dialog title="打印当前页面" v-model="dial ......
Clion 中 Rust 插件开启 WSL 调试
Rust Linux 配置 wsl 中执行命令： curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh 按照可能会卡住，需要在本机中的 Clash for windows 中开启 Lan 选项。 Rust 第三方库安装慢的解决方 ......
vite创建vue3项目
初始化项目 pnpm ：pnpm create vite 输入项目名称，选择前端框架，上下键选择，确定选择可直接回车进行下一项选择 选择类型，我这里选择的是tyscript类型,按下回车后便创建成功 进入cd 项目名称进入项目目录，再如果pnpm install 安装项目所需依赖 依赖安装成功后 直 ......
SpringBoot2.7+VUE3如何上线一个项目
后端 打开控制端口mvn clean package 在target中生成 myblog-0.0.1-SNAPSHOT.jar 即可 前端 在终端输入npm run build后生成dist文件夹 服务器部署 在 /www/wwwroot 下新建网站文件夹，上传jar包、dist文件 新建start ......
uni-app+vue3+ts项目搭建完整流程
项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发，有两种方法： 通过 HBuilderX 创建（需安装 HBuilderX 编辑器） 通过命令行创建（需安装 NodeJS 环境），推荐使用 vscode 编辑器 这里我们使用第2种方法，这两种方 ......
Vue3 使用Element-plus table 显示一行 需要内嵌多行数据
一、背景 业务需求 需要这种 二、实现 `` 点击查看代码 <el-table ref="singleTableRef" highlight-current-row border :data="state.personData" class="data-table" max-height="600" ......
vue3实现H5网页录音并上传（mp3、wav）兼容Android、iOS和PC端
使用 Recorder插件 可以在HTML5网页中进行录音，录音完成后得到blob文件对象，然后将blob上传到服务器；项目使用的vue3.0版本（这个插件同时支持vue2.0、也支持uniapp，很强！！），录音过程中会显示可视化波形，同时能够做到兼容PC端、Android、和iOS，一次编码 到 ......
vue3 v3-easyui messager消息框封装
2024年1月7日21:38:30 关于messager消息框封装，官方文档漏了很多配置（例如tip），由于无法通过某个属性控制显隐，所以不能封装成组件的形式在模板使用，而且也不符合消息框的使用设想。例如封装好后在网络请求调用，就不能是组件形式，所以通过类似hook函数封装。封装如下： /** me ......
vue3 easyui dialog没有属性控制显隐问题
2024年1月7日21:11:37 vue3 v3-easyui中dialog没有属性控制显隐，通过观察源码得知dialog.closedState属性可以控制 v3-easyui源码如下： 个人封装代码如下： /** modal.vue */ <script lang="ts" setup> im ......
halo2.11开发插件准备工作
fork https://github.com/halo-dev/plugin-starter 将fork后的项目git clone 3.导入idea,配置项目SDK为java17 4.build项目 5.修改 build.gradle 的 group 6.修改 settings.gradle 的r ......