VV-SNIPPET-TOOL

根据平时开发抽出常用代码片段，可用于vscode插件自动补全

• 安装vscode插件：vv-fe-tools
• 安装依赖vv-snippet-tool：yarn add vv-snippet-tool -D

新建.vv-snippetrc.js（项目中如果不存在会直接读取vv-snippet-tool），非项目使用规则不要写在配置文件，可以在项目目录下的.vscode，添加随意文件名的规则文件作为自己本地使用的规则

module.exports = {
    extends: [require.resolve('vv-snippet-tool')],
    rules: {
        // 项目自定义规则，参考：https://code.visualstudio.com/docs/editor/userdefinedsnippets
    }
};

添加规则方法

• 在目录src\snippets相应位置添加代码块，${1}……${n}为光标位置，可以用tab切换，${1:keyName}中keyName为补全后默认选中的提示性文字

Change Log

v1.0.0 添加vv.前缀，可枚举出所有命令 新建部分通用规则代码

v1.0.1 添加1前缀，快捷去除ide其他重复命令，以快速输入唯一匹配自动补全命令； 优化规则代码

v1.0.2 增加生成规则方法

v1.0.3 重构代码片段生成规则，根据代码块单文件统一生成vscode插件自动补全命令及描述

v1.0.10 新增命令行新增基础模板、区块

下一步

1. 动态参数配置如字段名、接口地址、后端返回数据、mock数据、国际化数据

模板使用

生成protable配置文件：vvt protable-config 根据配置文件修改后，vvt protable生成模板