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

• 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

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