Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>vscode-nebula-helperNew to Visual Studio Code? Get it now.
vscode-nebula-helper

vscode-nebula-helper

zyt

|
160 installs
| (0) | Free
A vscode extension for Nebula-UI
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode-Nebula-Helper

For helping developer write more efficient by Nebula-UI.

Feature

  • Autocomplete

    support vue, html and jade/pug language

  • Snippets

Document

Version, Quotes, Indentation size and Language Switching

1 - Enter Preferences -> setting or shortcut cmd + ,

2 - Modify language, version or indentation size

  "neblua-nebule.language": "zh-CN",
  "neblua-nebule.version": "0.1",
  "neblua-nebule.indent-size": 2,
  "neblua-nebule.quotes": "double",    // html vue qoutes
  "neblua-nebule.pug-quotes": "single" // jade/pug quotes

Autocomplete

autocomplete

  • Distinguish and auto complete property and method for every Element-UI tag

  • Prompt value when value is some special type like Boolean or ICON.

Snippets

snippets

Support snippets list:

  • modal

    this.$Modal.delete({
      title: 'Delete',
      content: 'Content delete',
      onCancel() {
    
      }
    });
    this.$Modal.info({
      title: 'info',
      content: 'Content info',
      onConfirm() {
    
      }
    });
    this.$Modal.success({
      title: 'success',
      content: 'Content success',
      onConfirm() {
    
      }
    });
    this.$Modal.error({
      title: 'error',
      content: 'Content error',
      onConfirm() {
    
      }
    });
    this.$Modal.warn({
      title: 'warn',
      content: 'Content warn',
      onConfirm() {
    
      }
    });
    
  • message

    this.$Message.info({
      content: 'Content info',
    });
    this.$Message.success({
      content: 'Content success',
    });
    this.$Message.error({
      content: 'Content error',
    });
    this.$Message.warn({
      content: 'Content warn',
    });
    
  • notification

    this.$Notification.open({
      title: 'Title open',
      content: 'Content open',
    });
    this.$Notification.info({
      title: 'Title info',
      content: 'Content info',
    });
    this.$Notification.success({
      title: 'Title success',
      content: 'Content success',
    });
    this.$Notification.error({
      title: 'Title error',
      content: 'Content error',
    });
    this.$Notification.warn({
      title: 'Title warn',
      content: 'Content warn',
    });
    

LICENSE

MIT

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