https://github.com/s3xysteak/vippets

Some vue snippets. Love from vuer
https://github.com/s3xysteak/vippets

Last synced: about 1 month ago
JSON representation

Some vue snippets. Love from vuer

• Host: GitHub
• URL: https://github.com/s3xysteak/vippets
• Owner: s3xysteak
• License: mit
• Created: 2023-11-15T03:42:35.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-20T05:04:12.000Z (about 1 year ago)
• Last Synced: 2023-11-21T05:36:52.828Z (about 1 year ago)
• Size: 173 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Intro

I am a vscode extension that provide some vue snippets support for vue2 && vue3.

![intro gif](animate.gif)

## What could I do?

- vue3

| abbr.    | snippet               |

| -------- | --------------------- |

| `com`    | `computed(() => )`    |

| `watchE` | `watchEffect(()=>{})` |

| `onmo`   | `onMounted(()=>{})`   |

| `onun`   | `onUnmounted(()=>{})` |

> Use `

<template>

  <div>

  </div>

</template>

```

> Use `<st` to generate style

```vue

<style scoped></style>

```

- vue2

| abbr.                  | snippet                 |

| ---------------------- | ----------------------- |

| `vname`                | `name: '',`             |

| `vcreated`             | `created() {},`         |

| `vdata`                | `data() { return {} },` |

| ...`v` + other options | ...other options        |

> Use `vbase` to generate template

```vue

<template>

  <div></div>

</template>

<script>

export default {}

```