This is the README for WebSnippet Visual Studio Code extension. The extension should be used only for web developement projects, that have Vue.js included.
Write them as normal part of code and IntelliSence (suggestions) will help you.
<script setup lang="ts">
</script>
<template>
</template>
<style scoped>
</style>
const props = defineProps({
msg: String
});
const emit = defineEmits(['response']);
emit('response', 'text');
Visual Studio Code version 1.80.0 (or later) installed.
Via VSIX file:
- Open your Visual Studio Code
- Go to Activity bar and there select Extension option (shortcut Ctrl+Shift+X)
- Click on the three dots in the top-right corner
- Select install from VSIX option.
- Locate newest VSIX file (located in releases folder)
- Click on the file and confirm your installation.
The WebSnippets extension isn't providing settings yet. In the upcoming updates there'll be options for choosing between TypeScript and JavaScript.
Also the extension doesn't have any icon.
These are the plans for upcoming versions.
- Initial release of WebSnippets
- Updated README.md
- Created first release via VSIX file
- "vue" snippet renamed to "vuefile"
- Added "vueprops" and "vueemits" snippets
- Created VSIX file
- Updated languages in package.json
- Snippets for TypeScript in Vue now works
- Snippets has options of completing via tab positions and default values
- Contact me via Discord - ardno
Enjoy!