tmx-visual-design

1. 使用

1.1 生成 vue 页面文件代码

生成含 template script 代码的 vue 文件。

1. 选择要生成文件的目录。
2. 右键，在菜单中选择 Open visualization-config。
3. 通过拖拽、配置页面组件后，点击【生成 vue 文件】按钮。
4. 生成成功。

2. 开发

2.1 安装

在项目目录下执行下面指令，安装插件依赖。

yarn

cd 到 visualization-config

cd ./visualization-config

安装 webview 相关依赖

yarn

2.2 编译静态资源文件

为了获取相关静态资源文件在你本机上的 vscode 资源目录路径。每次开发，需要cd 到 visualization-config 目录下重新打包编译 webview 文件，执行:

npm run build

2.3 运行插件

然后运行插件，打开插件时，插件会替换相关静态资源文件为在你本机上的 vscode 资源目录路径。

3. 发布插件

3.1 编译静态资源文件

cd 到 visualization-config 目录下重新打包编译 webview 文件，执行:

npm run build

3.2 发布到 vscode 插件市场

发布指南

4 TODO

• [ ] 自动化发布插件。
• [ ] 支持在 editor.html 中编辑代码。

5 项目应用

• [ ] 使用vue 2.x开发的前端项目
• [ ] 装有tmx组件库

如果您已符合上述所说的条件，那么恭喜你，您可以很愉快的使用这个插件了