Typo

Thanks. 感谢安装~ 这是一个用于修复中文输入法标点输入错误的扩展。

Features（Fix typo）

针对任意文件进行行内替换

针对 CSS/LESS/SCSS:

* 补齐 .
    例如 输入了 foo { 将会修复为  .foo {

* 替换多个 .. 为单个 .
    例如 输入了 ..foo { 将会修复为  .foo {

* 替换多个 ## 为单个 #
    例如 输入了 ##F00 将会修复为  #FOO

* 不带 # 的 16 进制颜色值，补上 #
    例如 输入了 color: F00 将会修复为  color: #FOO

* 将中文标点替换成英文标点
    例如 输入了 。foo { 将会修复为  .foo {

typo.genReactData

用于将空格或换行为分割的内容生成 data 数据集，以下为示例：

字符1 字符2 字符3

生成

data={
    [
        { label: '“字符1', value: 0}, 
        { label: '“字符2', value: 1},
        { label: '“字符3', value: 2},
    ]
}

typo.genReactTag

用于将 “:text(字符)” 生成 <Text label="字符" /> 同时也可以生成以下格式：

也可以用 “:text 内容” 进行转换

:text()     -> <Text label="字符" />
:button()   -> <Button>字符</Button>
:select()   -> <Select placeholder="字符" />
:input()    -> <Input placeholder="字符" />
:radio()    -> <RadioGroup | />
:check()    -> <CheckboxGroup | />
:date()     -> <DatePicker placeholder="字符" />
:time()     -> <TimePicker placeholder="字符" />
:tip()      -> <HelpTips tips="字符" />
:title()    -> <Titlebar title="字符" />
:link()     -> <Link label="字符" />
:a()        -> <a href="字符">字符</a>
:divider    -> <Divider type="vertical" />
:form       -> <FormGroup>字符</FormGroup>
:meta-form  -> <MetaFormGroup>字符</MetaFormGroup>

typo.wrapReactProps

将

<Component props1="value" props2="value" />

转换成属性换行的形式

    props1="value"
    props2="value"
/>``` 

## 键盘快捷键

### 设置 Fix typo 快捷键

可以自行将以下命令设置成快捷键，这样就可以在当前行进行替换了：

|   命令    |   按键       |
|----|----|
| typo.fix  | Ctrl + Shift + .|

### 设置 Wrap with tag 快捷键

|   命令    |   按键       |
|----|----|
| typo.wrapWithTag  | F2 |


> 可以使用 TagName.className 来快速生成

选中的内容

### 打包发布
vsce package

https://marketplace.visualstudio.com/manage