命令行工具

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

开发环境

Windows 10 Node.js v14.17.3

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

安装命令行工具

npm i -g tvp-cli

设置 registry 和 token

tvp-config registry 『服务端』

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

tvp-config token 『token』

创建组件

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

开发组件
cd t1text
yarn
yarn start

发布组件
tvp publish

开发组件

...\Desktop>cd t1text

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

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

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

发布组件

...\Desktop\t1text>tvp publish

...

发布成功
.../[email protected]

验证

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

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