Inglês | 简体中文
Este plugin pode fornecer uma função de prompt inteligente superpoderosa, incluindo propriedades, eventos, slots e anotações e tipos correspondentes, métodos em instâncias, etc. Ele suporta várias bibliotecas de UI, levando sua eficiência de desenvolvimento para o próximo nível.
Instale a biblioteca de componentes de interface do usuário suportada em seu projeto e instale o plug-in. Se o plug-in não funcionar, você poderá reiniciar o vscode. Se você encontrar problemas, poderá abrir um problema.
cmd+shift+p
-> Selecione 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 "
}
}
Este repositório é mantido por indivíduos e precisa ser atualizado frequentemente com algumas bibliotecas de UI. Se estiver interessado em contribuir, você pode enviar um PR para a versão correspondente da biblioteca de UI correspondente em @common-intellisense ou fornecer algumas novas bibliotecas de UI ou alguns novos recursos. Submissões são bem-vindas. emitir
Se o seu projeto for uma biblioteca privada, você também pode consultar vuetify, fornecer um uri exportado, se o seu uri for um endereço dist/index.cjs
empacotado acessível, em vscode common-intellisense.remoteUris
, configure este link, o plug-in solicitará este link e obterá as informações imediatas correspondentes. Você também pode configurar diretamente um nome de pacote npm (@xx/yy-ui), configurá-lo em common-intellisense.remoteNpmUris
, para que o plug-in solicite o dist/index.cjs
produzido pelo pacote npm e obtenha o correspondente informações imediatas. Vídeo de bilibili
{
"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
, exclua a versão baixa simonhe.common-intellisense-low-version
e reinicie o vscode.fnm
ou nvm
ou outras ferramentas de controle de versão node
e tiver problemas como downloads anormais ou problemas com downloads, verifique se as variáveis de ambiente do sistema estão definidas.fnm
, adicione a variável de ambiente %USERPROFILE%AppDataRoamingfnmaliasesdefault
. Patrocinador Common Intellisense
MIT