Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Cone MaterialNew to Visual Studio Code? Get it now.
Cone Material

Cone Material

cone-team

|
382 installs
| (0) | Free
Use materials and write fusion components easier
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

cone-material-helper

🔥 Feature

Cone Material Extension: Use materials and write fusion components easier

🤔 Usage

Open Material Page

  1. Open vscode command palette through Ctrl+Shift+P on Win or ⇧⌘P on macOS.
  2. Enter Cone to see all commands.
  3. There are 3 ways to open Material Page
    1. Open CONE MATERIAL in explorer(left sidebar) to search materials. demo
    2. Enter Cone: Import Materials to activate Material Panel. demo
    3. Click menu icon(located in top-right)

Use in Pages

demo

  1. Open material page.
  2. Search the component, click 添加 and the demo code will be automatically added to the corresponding position, click 预览 and the document of component will be show in panel.
  3. click 源码 (this function is on the way 🐦).

Hotkeys Suppport

demo

  • Search fusion component through ^+⌘+M on macOS or Ctrl+Alt+M on Windows.

Touch Bar Support

  • Also, you can search component conveniently through touch material icon on touch bar.

💻 Extension Command

  • Cone: Import Materials: render material webView in panel
  • Cone: Search Basic Component: search fusion component conveniently

🎉 Release Notes

0.0.1

first verision 🥳

0.2.0

Changed

  • optimize code insertion format
  • optimize interface for dark theme

0.2.1

Changed

  • change text color in panel

TODO

  • [ ] optimize UI for light theme
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft