sketch-plugin v1.1.12

视觉走查成为验收中耗时严重的一个环节, 也饱受诟病, 此插件的出现就是为了解决这个问题

使用说明

推荐在页面布局以及细节开发完成的时候启用, 进行局部微调操作

npm i sketch-plugin

const SketchPlugin = require('sketch-plugin');

module.exports = { //... plugins: process.env.VUE_APP_MODE === 'local' ? new SketchPlugin(), : [] //... }

## 操作说明
0. 在项目根目录创建sketch文件夹, 用于存放sketch图片
1. 点击toggle按钮唤起调试面板
2. 输入sketch文件夹下的完整图片名称(如: 视觉稿.png), 按回车进行视觉稿加载
    - 此处可以是网络在线图片(oss)
    - 不能加载本地路径图片 如: file:///User/..... 
3. 调整视觉稿的位置, 以观察字体以及间距相关大小

## 快捷键
- 打开/关闭视觉稿 右上角(toggle按钮)/ctrl+option+x
- 微调视觉稿位置 ↑/↓ 按钮