# 命令行工具

`tvp-cli` 是『可视化平台』的命令行工具，覆盖了组件开发的全流程。

## 开发环境

Windows 10
Node.js v14.17.3

```note-purple-bg
请注意，『命令行工具』和『组件』很可能是『可视化平台』中不在意 Node.js 是否是版本10的唯二部分！
```

## 安装命令行工具

```bash
npm i -g tvp-cli
```

## 设置 `registry` 和 `token`

```bash
tvp-config registry 『服务端』
```

登录『管理后台』，访问『用户设置页』，查看『token』。

```bash
tvp-config token 『token』
```

## 创建组件

```bash
...\Desktop>tvp create t1text
? ...\Desktop\t1text 已存在，确定要覆盖它么? Yes
移除 ...\Desktop\t1text 成功.
? 准备创建项目，是否继续？ Yes
? 请输入组件名（英文） t1text
? 请输入组件名（中文, 2-8个字） 试一文字
? 请选择组件类型 web
? 请选择组件标签 文本
初始化完成

开发组件
cd t1text
yarn
yarn start

发布组件
tvp publish
```

## 开发组件


```bash
...\Desktop>cd t1text

...\Desktop\t1text>yarn
...

...\Desktop\t1text>yarn start
...
Project is running at http://0.0.0.0:8080/
...
```

访问 http://localhost:8080/ 即可访问组件开发环境中的预览器。


## 发布组件


```bash
...\Desktop\t1text>tvp publish

...

发布成功
.../t1text@1.0.0
```

## 验证

在『管理后台』的『用户设置页』的最下方可以看到刚才发布的组件『t1text』。

在『可视化编辑器』的『组件列表』部件中可以找到这个组件。