记一次 vue-cli-service 迁移至 vite 构建工具的过程

1. 为什么要迁移 当初项目创建之际正处于 vite 早期,不敢冒险尝试,现在 vite 版本更新到了 5.x ,而且有着比 vue-cli-service(基于 webpack)好得多的性能,构建速度更快,热更新支持更完善,所以有什么理由不迁移呢。 2. 迁移 2.1 移除 vue-cli-service 相关依赖 现有 package.json 内容如下: { "name": "sfarm-front-vue", "version": "1.0.0", "private": true, "scripts": { "serve": "vue-cli-service --mode development serve", "build": "vue-cli-service build", "build:test": "vue-cli-service --mode development build", "lint": "vue-cli-service lint", "start": "yarn serve", "start:local": "vue-cli-service --mode local serve", "start:prod": "vue-cli-service --mode production serve", "prepare": "husky install" }, "dependencies": { "@element-plus/icons-vue": "^1.1.4", "axios": "^0.24.0", "core-js": "^3.6.5", "echarts": "^5....

2024-03-07 · 4 min · 697 words · Linkzz

基于AutoHotKey的windows平台Vim输入法切换方案

众所周知,在中文环境下使用 vim 一直会有中英文输入法切换的烦恼,社区也有一些方案解决,如 AutoHotKey 脚本 im-select 插件等,今天提供一种基于屏幕颜色的方案来实现按下 ESC 键切换输 入法的方案,下面是效果展示: Window Spy 我目前安装的是AutoHotKey v2.0.2版本,使用其提供的 Window Spy 功能,我们可以方便的查看各个窗口的信息,鼠标的信息等,今天我们要实现的版本思路就是基于判断屏幕指定坐标处的十六进制颜色来判断当前是处于什么输入法环境下。 如上图,因为截图无法截取鼠标位置,我的鼠标置于图中“中”字的下部分,切换到英文的时候为大写字母"A",屏幕相同的位置是没有“中”字下部分的颜色的,而 Windows 系统输入法状态指示的图标相对来说是比较固定的,故以此来判断当前输入法的环境是可行的,看官自己设置的时候使用 window spy 来获取这个坐标即可。 AutoHotKey 脚本 既然有了方案就可以着手实现了,我们使用 V2 版本的语法来完成,并将键盘上不常用的 CapsLock 键映射为 ESC 键,下面是完整的脚本: #Requires AutoHotkey v2.0 ; 获取坐标的模式,相对于屏幕 CoordMode "Pixel", "Screen" CoordMode "Mouse", "Screen" ; 应用vim模式的窗口组 GroupAdd "VimMode", "ahk_exe WindowsTerminal.exe" GroupAdd "VimMode", "ahk_exe Code.exe" GroupAdd "VimMode", "ahk_exe Obsidian.exe" ; 退出vim模式 VimEsc() { Send "{Esc}" if (PixelGetColor(1985, 1422) = "0x464646") Send "{Shift}" } #HotIf WinActive("ahk_group VimMode") ESC::VimEsc() CapsLock::VimEsc() #HotIf 以上代码中将需要生效的应用添加到 VimMode 组,如果有更多需要应用 Vim 模式的应用,通过 window spy 获取其 ahk_exe,通过GroupAdd "VimMode", "ahk_exe {name}" 将其加入组中即可,十六进制颜色和坐标也根据需要修改为你自己的,Send 后面的内容也要修改你输入法的中英文切换的快捷键,在这里我的是 Shift 键,之后运行脚本即可实现“按下 Esc 或者CapsLock 自动切换为英文输入法” 的功能。

2023-09-05 · 1 min · 97 words · Linkzz