英語 | 简体中文
このプラグインは、プロパティ、イベント、スロット、対応するアノテーションとタイプ、インスタンスのメソッドなどを含む、非常に強力なスマート プロンプト機能を提供できます。複数の 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
環境変数を追加してください。 スポンサー共通インテリセンス
マサチューセッツ工科大学