common intellisense

английский | 简体中文

Этот плагин может предоставить сверхмощную функцию интеллектуальных подсказок, включая свойства, события, слоты и соответствующие аннотации и типы, методы экземпляров и т. д. Он поддерживает несколько библиотек пользовательского интерфейса, выводя эффективность вашей разработки на новый уровень.

️ Как использовать

Установите поддерживаемую библиотеку компонентов пользовательского интерфейса в свой проект и установите плагин. Если плагин не работает, вы можете перезапустить vscode. Если у вас возникнут проблемы, вы можете открыть проблему.

? В настоящее время поддерживается

• вант 4
• элемент 2
• элемент-плюс 2
• и 1, 4, 5
• антдв 1、3、4
• antd-mobile 5
• варлет 2、3
• наивный 2
• первобытное 3、4
• квазар 2
• @nextui-org/реагировать 2
• @nuxt/ui 2
• @nuxt/ui-pro 1
• vuetify 3
• система счисления-vue 1
• следующий интерфейс 2
• арко-дизайн/реагировать 2
• арко-дизайн/vue 2
• uview-ui 1、2
• uview-плюс 3
• таро 3
• Shacn-Svelte 0
• биты-UI 0
• материал-UI 5
• Shadcn-UI 0
• крошечный-вю 3
• нутуи 4
• uview-плюс 1
• tdesign-vue-next 1
• tdesign-mobile-vue 1
• tdesign-реагировать 1
• tdesign-минипрограмма 1
• @headlessui/vue 1
• @headlessui/реагировать 2
• @chakraUi/реагировать 2
• wot-design-uni 1
• ковчег/вью 4
• @dcloudio/uni-app 3
• @dcloudio/uni-ui 1

демо-версия antdv

варлет демо

Вант демо

муравей демо

демонстрация элемента-ui

демо-версия наивного пользовательского интерфейса

демо nuxt-ui

vuetify демо

демо-версия radix-vue

демо следующего пользовательского интерфейса

демо-версия arco-design/react

демо-версия arco-design/vue

демо-версия Shadcn-Svelte

демо-версия бит-интерфейса

Выберите указанную библиотеку пользовательского интерфейса (разрешите несколько конфликтов именования библиотек пользовательского интерфейса).

• cmd+shift+p -> Выберите Specify the UI library you need to prompt

конфигурация

{
  "common-intellisense.showSlots" : {
    "type" : " boolean " ,
    "default" : true ,
    "description" : " Whether to show the slots on template completion. "
  },
  "common-intellisense.alias" : {
    "type" : " object " ,
    "default" : {},
    "description" : " If you need to integrate the supported ui library, the secondary encapsulated library, and the prompt to integrate a certain version of the original ui, you can use the alias { " @xxx/element " : " elementUi2 " } "
  },
  "common-intellisense.remoteUris" : {
    "type" : " array " ,
    "default" : [],
    "description" : " Remote URIs "
  },
  "common-intellisense.remoteNpmUris" : {
    "type" : " array " ,
    "default" : [],
    "description" : " Remote NPM URIs "
  },
  "common-intellisense.localUris" : {
    "type" : " array " ,
    "default" : [],
    "description" : " Local URIs "
  }
}

Объясните конфигурацию

• RemoteUris: при развертывании файла конфигурации index.cjs по онлайн-адресу.
• RemoteNpmUris: при развертывании файла конфигурации index.cjs в npm вам нужно указать только имя пакета вместо полного URL-адреса.
• localUris: если вы хотите протестировать свою конфигурацию, вы можете прочитать сгенерированный index.cjs локально.

Как внести свой вклад

Этот репозиторий поддерживается отдельными лицами, и его необходимо часто обновлять некоторыми библиотеками пользовательского интерфейса. Если вы заинтересованы в участии, вы можете отправить запрос на соответствующую версию соответствующей библиотеки пользовательского интерфейса в разделе @common-intellisense или предоставить некоторые новые библиотеки пользовательского интерфейса или некоторые новые функции. Предложения приветствуются. проблема

Как поддержать частные библиотеки

Если ваш проект является частной библиотекой, вы также можете обратиться к vuetify, предоставить экспортированный uri, если ваш uri представляет собой доступный упакованный адрес dist/index.cjs , в vscode common-intellisense.remoteUris настройте эту ссылку, плагин запросит эту ссылку и получит соответствующую оперативную информацию. Вы также можете напрямую настроить имя пакета npm (@xx/yy-ui), настроить его в common-intellisense.remoteNpmUris , чтобы плагин запрашивал dist/index.cjs созданный пакетом npm, и получал соответствующий оперативная информация. Билибили видео

Как настроить JSON компонента

{
  "name" : " componentName like Button.Group or VButton(Big CamelCase Format) " ,
  "props" : {
    "attributeName" : {
      "default" : " defaultValue " ,
      "value" : " if have will generate attribute with= " value " " ,
      "type" : " if you use -> boolean / top / end / bottom / start will have option when create attribute " ,
      "description" : " en description " ,
      "description_zh" : " zh description " ,
      "required" : true , // if with true when select component will auto has this attribute
      "foreach" : false , // it only work with vue, when you want generate with v-for
      "version" : " Hints are available only in a specified version "
    }
  },
  "link" : " en link to document " ,
  "link_zh" : " zh link to document " ,
  "typeDetail" : { // Used to supplement other types of descriptions in the attribute dependencies
    "AnchorItem" : [ // if name startsWith '$' like "$AnchorItem", will be type AnchorItem = 'x' | 'y'
      {
        "name" : " key " ,
        "description" : " Unique ID " ,
        "type" : " string | number "
      }
    ]
  },
  "events" : [
    {
      "name" : " close " ,
      "description" : " Emitted when close icon is clicked. " ,
      "description_zh" : "单击关闭图标时发出。 " ,
      "params" : " [MouseEvent] " ,
      "version" : " Hints are available only in a specified version "
    }
  ],
  "exposed" : [ // when use ref get vm, vm.value or vm.current will get this hints
    {
      "name" : " [string] " ,
      "description" : " MISSING DESCRIPTION (edit in github) " ,
      "description_zh" : " MISSING DESCRIPTION (edit in github) " ,
      "detail" : " any "
    }
  ],
  "suggestions" : [ // Some components are combined，when use button-group, inner tip will this `button` reminder will be brought forward, if this components with only one suggestions, it will select button-group auto create button
    " v-alert-title "
  ]
}

Как настроить пользовательские инструкции

Часто задаваемые вопросы

• Если вы обнаружите, что подсказки кода повторяются, это может быть связано с тем, что плагин был обновлен, но старая версия плагина все еще действует. Попробуйте ввести code ~/.vscode/extensions , затем удалите младшую версию simonhe.common-intellisense-low-version и перезапустите vscode.
• Если вы столкнулись с [Все обещания были отклонены], вы можете попробовать удалить и переустановить плагин или проверить прокси-сервер локальной сети, поскольку плагин будет запрашивать пакеты NPM из разных источников по нескольким каналам. Если ваш сетевой прокси-сервер не подключен, эта проблема может возникнуть.
• Если вы используете его в среде интрасети или без сетевого подключения, вы можете установить common-intellisense-local.
• Если вы используете fnm или nvm или другие инструменты управления версиями node и у вас возникают такие проблемы, как ненормальная загрузка или проблемы с загрузкой, проверьте, установлены ли переменные системной среды.
  • Если вы используете fnm , добавьте переменную среды %USERPROFILE%AppDataRoamingfnmaliasesdefault .

☕

Спонсор Common Intellisense

Лицензия

Массачусетский технологический институт

Спонсоры