Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>OW Vue VSCode SnippetsNew to Visual Studio Code? Get it now.
OW Vue VSCode Snippets

OW Vue VSCode Snippets

ow-vue-snippets

|
53 installs
| (0) | Free
Snippets that will supercharge your Vue workflow
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vue2.7+项目 代码片段

描述

快速生成代码模板

recording.gif

Installation

ext install ow-vue-snippets

You can enable tab completion (recommended) by opening Code > Preferences > Settings (on a Mac) and applying "editor.tabCompletion": "onlySnippets" to your personal settings

Usage

  • 可使用 tab键 跳转到下个光标点

Snippets

Vue

Snippet Purpose
ow-table 默认查询列表页<ow-table>模板
ow-table-with-tag 默认查询列表页<ow-table>包含tab切换模板
ow-table-with-tag 默认查询列表页<ow-table>包含tab切换模板
ow-dialog <ow-dialog>弹窗组件模板
ow-dialog-with-form <ow-dialog>包含<ow-form>表单 弹窗组件模板
ow-detail <ow-route-detail>详情页组件模板
ow-detail-add <ow-route-detail>详情页新增/编辑组件模板
v2namespace vue2 文件 name 命名
style-saas style saas <style lang="scss" scoped></style>

Template

Snippet Purpose
imp-getCurrentInstance-proxy composition api 导入获取全局proxy

Script

Snippet Purpose
imp-getCurrentInstance-proxy composition api 导入获取全局proxy
imp-utils 导入公共工具类
imp-service 导入请求service
imp-goBack 导入 goBack 返回上一页
imp-ow-table 导入公共组件<ow-table>
imp-ow-table-utils 导入公共组件<ow-table> utils工具类
imp-pattern 导入全局定义正则
imp-ow-check-list 导入公共组件<ow-check-list>
imp-ow-import-dialog 导入公共组件<ow-import-dialog>
imp-ow-address-select 导入公共组件<ow-address-select>
imp-open-route 导入 open-route 打开新页面路由跳转
defineProps defineProps快速定义
defineEmits defineEmits快速定义
defineExpose defineExpose快速定义
service-get get 请求
service-post post 请求
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft