ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

Vuetify

由 vuetifyjs 全部

Vuetify sublime 扩展

详情

安装数量

  • 总计 37K
  • Win 21K
  • Mac 10K
  • Linux 6K
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日
Windows 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Mac 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

README

源代码
raw.​githubusercontent.​com

开发中

vuetify-sublime

Vuetify Sublime Text 扩展

vuetify-sublime 是 Vuetifyjs 在 Sublime Text 中使用的官方扩展。它为 Vuetifyjs 提供了代码片段和自动补全功能。

文档

有关 Sublime Text 中可用代码片段和自动补全的详细信息，请点击此处

安装

软件包控制

  1. 打开您的 命令面板 (Command + Shift + P)
  2. 搜索 “Vuetify” 并从软件包控制中获取它。

使用

自动补全

将为每个 Vuetify 组件标签提供自动补全。例如，在 vue 文件的 html 或 template 中键入 < 将提供组件列表，然后按 tab，它将展开，就像代码片段。

代码片段

如果您熟悉代码片段的概念，或者已经查阅了文档，您不需要使用示例。但这里有一个例子

假设您想插入按钮组件。为此，您必须编写完整的组件。

<v-btn>buttonText<v-btn>

但在 vuetify-sublime 中，只需编写 vBtn 即可提供按钮组件的所有选项。

所有内容均采用驼峰命名法，并以 'v' 为前缀，这是为 Vuetifyjs 设计的。

如果您想插入一个包含所有 prop 的组件，只需编写 v{component-name}WithProps。这将插入包含所有 prop 的组件。例如： vBtnWithProps、vAvatarWithProps 等。

模板

Vuetify 中的每个组件都有额外的代码需要写入其中。例如，v-btn-toggle 组件中包含 v-btn。这就是为什么 vuetify-sublime 为它们提供模板的原因。模板的语法很简单，为 v{component}Template 或 v{component}Template{availableTemplate}。例如，vBtnToggleTemplate 将提供以下代码。

<v-btn-toggle mandatory multiple v-model="value">
  <v-btn flat>
    <v-icon>icon</v-icon>
  </v-btn>
  <v-btn flat>
    <v-icon>icon</v-icon>
  </v-btn>
  <v-btn flat>
    <v-icon>icon</v-icon>
  </v-btn>
  <v-btn flat>
    <v-icon>icon</v-icon>
  </v-btn>
</v-btn-toggle>

和 vBtnToggleTemplateTextIcon 将提供以下代码。

<v-btn-toggle multiple mandatory v-model="value">
  <v-btn flat value="value">
    <span>text</span>
    <v-icon>icon</v-icon>
  </v-btn>
  <v-btn flat value="value">
    <span>text</span>
    <v-icon>icon</v-icon>
  </v-btn>
  <v-btn flat value="value">
    <span>text</span>
    <v-icon>icon</v-icon>
  </v-btn>
  <v-btn flat value="value">
    <span>text</span>
    <v-icon>icon</v-icon>
  </v-btn>
</v-btn-toggle>

更新日志

更新日志

问题

如果您有任何疑问、想法或想要与我讨论，请在 vuetify-sublime 的 GitHub 仓库 中提出问题。

许可证

MIT