Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Component HelperNew to Visual Studio Code? Get it now.
Component Helper

Component Helper

look

|
149 installs
| (0) | Free
Easily use Component in application development.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

前端组件开发辅助插件

在前端项目中更便捷地添加组件/区块、查找组件/区块文档

使用物料面板

唤起物料面板

使用示例

  1. 通过 ⇧⌘P 或 Ctrl+Shift+P 快捷键,然后输入 Nmc: Import Material 来唤醒命令面板。

  2. 或者右键,菜单中会有 Nmc: Import Material 选项,点击即可。

注意:唤起物料面板的操作都需要在 ts/tsx/jsx 类型文件中操作

在页面中使用物料

使用示例

  1. 在资源面板中点击 src/pages/*/index.tsx 打开页面源码

  2. 激活物料添加面板

  3. 选择需要插入物料的代码位置

  4. 搜索区块,点击需要使用的区块,物料代码将自动添加到相应的位置中

  5. 搜索组件,点击需要使用的组件,物料代码将自动添加到相应的位置中

注意事项

  1. 在使用区块下载的时候,请先提前在全局 npm 安装 bit

  2. 唤起物料面板需要在 ts/tsx/jsx 类型文件中操作

  3. 针对同一个项目,只能下载一次区块代码,不能重复下载

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft