영어 | 简体中文
이 플러그인은 속성, 이벤트, 슬롯, 해당 주석 및 유형, 인스턴스의 메서드 등을 포함한 매우 강력한 스마트 프롬프트 기능을 제공할 수 있습니다. 여러 UI 라이브러리를 지원하여 개발 효율성을 한 단계 끌어올립니다.
프로젝트에 지원되는 UI 구성 요소 라이브러리를 설치하고 플러그인을 설치합니다. 플러그인이 작동하지 않으면 vscode를 다시 시작할 수 있습니다. 문제가 발생하면 문제를 열 수 있습니다.
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 "
}
}
이 저장소는 개인이 관리하며 일부 UI 라이브러리를 자주 업데이트해야 합니다. 기여에 관심이 있는 경우 @common-intellisense에서 해당 UI 라이브러리의 해당 버전에 PR을 제출하거나 새로운 UI 라이브러리 또는 몇 가지 새로운 기능을 제공할 수 있습니다. 제출을 환영합니다. 문제
프로젝트가 비공개 라이브러리인 경우 vuetify를 참조하고, 내보낸 URI를 제공하고, URI가 액세스 가능한 패키지 dist/index.cjs
주소인 경우 vscode common-intellisense.remoteUris
에서 이 링크, 플러그인을 구성할 수도 있습니다. 이 링크를 요청하고 해당 프롬프트 정보를 받게 됩니다. npm 패키지 이름(@xx/yy-ui)을 직접 구성하고 이를 common-intellisense.remoteNpmUris
에서 구성하여 플러그인이 npm 패키지에서 생성된 dist/index.cjs
요청하고 해당 항목을 가져올 수도 있습니다. 신속한 정보. 빌리빌리 비디오
{
"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를 다시 시작해 보세요.fnm
이나 nvm
또는 기타 node
버전 관리 도구를 사용 중이시며 비정상적인 다운로드나 다운로드에 문제가 발생하는 등의 문제가 발생하는 경우 시스템 환경 변수가 설정되어 있는지 확인하시기 바랍니다.fnm
사용하는 경우 %USERPROFILE%AppDataRoamingfnmaliasesdefault
환경 변수를 추가하세요. Common Intellisense 후원
MIT