xinghuo-vscode-code-plugin

这是一个 VSCode 插件，用于简化自定义组件的开发和部署流程。通过这个插件，你可以直接在 VSCode 中将本地的 HTML、CSS 和 JavaScript 代码上传到平台。

功能

• 平台登录
• 上传组件代码（支持 HTML、CSS、JavaScript）
• 支持配置文件（config.yaml）简化上传流程

使用方法

1. 上传组件：

   • 在 VSCode 中打开要上传的文件（HTML、CSS 或 JavaScript）
   • 在文件上右键点击，选择 "Xinghuo: 上传到星火自定义组件"
   • 或在编辑器中右键点击，选择 "Xinghuo: 上传到星火自定义组件"
   • 也可以使用命令面板（Ctrl+Shift+P 或 Cmd+Shift+P），输入 "Xinghuo: 上传到星火自定义组件"
   • 输入组件详情页的URL链接，进行自定义组件的上传

2. 使用配置文件（config.yaml）：

   • 在项目根目录创建 config.yaml 文件
   • 配置平台地址、图表地址和上传路径
   • 执行上传命令时，插件会自动读取配置文件中的信息，无需手动输入

配置文件示例（config.yaml）

# 平台地址
platformURL: wuba.58corp.com

# 图表地址
chartURL: https://wuba.58corp.com/console/scopes/4/visualization/charts/441720

# 上传路径
upload_path:
  html: './dist/index.html'
  js: './dist/index.js'
  css: './dist/index.css'

# 自动上传
auto_upload: true

auto_upload 设置为 true 时，当检测到配置的文件发生变化时，插件会自动将其上传到平台，无需手动触发上传操作。设置为 false 则需要手动触发上传。

注意事项

• 只支持上传 HTML、CSS 和 JavaScript 文件
• 上传前请确保代码已保存
• 如果同时存在配置文件和VSCode设置，配置文件优先级更高

开发

1. 克隆仓库
2. 运行 npm install 安装依赖
3. 在 VSCode 中打开项目
4. 按 F5 启动调试

问题反馈

如果遇到任何问题，请在 GitHub 仓库中提交 issue。