85ea1396bb09a0cda6f03136f8570df2a16dc661
feat(popup): 移除画板功能并调整弹窗尺寸 - 删除了画板菜单项及相关功能代码 - 移除了画板相关的导入和函数定义 - 将弹窗默认项目数从3调整为2,减小弹窗高度 - 更新了弹窗尺寸计算逻辑以适应新的项目数量 ```
说明
VSCode + vue3.4+ + typescript5.3+ + vite5.0+ + element-plus2.6+
crates地址
解决 提交代码时提示 npx: not found
- 在
C:\Users\你等用户名\.config\husky目录下新建init.sh - 在
init.sh文件中输入eval "$(fnm env --use-on-cd)"并保存 - 重启vscode
使用淘宝源镜像(解决安装慢)
# 全局设置全局设置后无需每次 添加后缀--registry https://registry.npmmirror.com/
npm config set registry https://registry.npmmirror.com/
# 配置后可通过下面方式来验证是否成功
npm config get registry
# 果想还原npm仓库地址的话,只需要在把地址配置成npm镜像就可以了
npm config set registry https://registry.npmjs.com
# 仅在每次使用时指定淘宝源,即在后面添加 --registry https://registry.npmmirror.com/ 如安装yarn:
npm install -g yarn --registry https://registry.npmmirror.com/
npm install -g npm-check-updates --registry https://registry.npmmirror.com/
代理
命令提示符 (CMD)
#依次输入以下命令:
set https_proxy=http://127.0.0.1:7890
set http_proxy=http://127.0.0.1:7890
set all_proxy=socks5://127.0.0.1:7890
PowerShell
#依次输入以下命令:
$env:https_proxy="http://127.0.0.1:7890"
$env:http_proxy="http://127.0.0.1:7890"
$env:all_proxy="socks5://127.0.0.1:7890"
初始化
npm install
运行
npm run dev # 测试版
npm run build # 构建正式版
npm run serve # 正式版预览 (需要先运行 npm run build)
快速删除 node_modules 包
npm install rimraf -g
检测或更新依赖包
# 先安装检测工具
npm install -g npm-check-updates # 或 yarn add -g npm-check-updates
ncu # 或 npm-check-updates 检测
ncu -g # 全局检测
ncu -u # 或 npm-check-updates -u 更新
ncu --target greatest # 检测最大版本(不一定是最新)
ncu --target newest # 检测最新的(包含测试版)
其他说明
Element Plus 可以在支持 ES2018(ES9) 和 ResizeObserver 的浏览器上运行。 如果您确实需要支持旧版本的浏览器,请自行添加 Babel 和相应的 Polyfill 。
代码还使用了 可选链 (?.) ,在测试环境下请注意浏览器是否支持可选链,打包时可通过配置 vite 中的 build.target 来兼容 。
部分 api 支持的最低版本
| API | chrome | firefox | safari |
|---|---|---|---|
| 可选链(?.) | 80 | 74 | 13.1 |
| ResizeObserver | 69 | 64 | 13.1 |
当前主流浏览器内核版本号(2022.10.12)
| 浏览器 | 内核版本 | 是否支持 |
|---|---|---|
| Opera浏览器 | 103 | 完全支持 |
| 青鸟浏览器 | 97 | 完全支持 |
| 遨游浏览器 | 96 | 完全支持 |
| QQ浏览器 | 94 | 完全支持 |
| 双核浏览器 | 101 | 完全支持 |
| 360浏览器 | 114 | 完全支持 |
| 360极速浏览器 | 108 | 完全支持 |
| 搜狗浏览器 | 94 | 完全支持 |
| 猎豹浏览器8 | 79 | 仅编译后支持,开发阶段不支持可选链 |
| 2345 加速浏览器 | 109 | 完全支持 |
Description
Languages
TypeScript
51.4%
Vue
27.1%
JavaScript
13.1%
Rust
6.2%
SCSS
1.8%
Other
0.4%