vscode 用户代码片段 vue
时间: 2023-10-16 15:06:10 浏览: 121
vscode代码片段部分
根据提供的引用内容,用户可以通过以下步骤在VSCode中创建Vue用户代码片段:
1. 打开VSCode,点击右下角的设置按钮。
2. 在弹出的菜单中选择“配置用户代码片段”。
3. 如果是第一次创建代码片段,需要填写自定义文件名。
4. 在弹出的用户代码片段配置文件中,输入以下代码:
```json
{
"Print to console": {
"prefix": "vv",
"body": [
"<template>",
" <div>$0</div>",
"</template>",
"",
"<script>",
"export default {",
" data () {",
" return {",
" }",
" },",
" components: {",
" },",
" mounted() {",
" },",
" methods: {",
" },",
"}",
"</script>",
"<style scoped lang='less'>",
"</style>"
],
"description": "vue2 快速生成代码块"
}
}
```
5. 保存并重启VSCode。
6. 创建一个以`.vue`为后缀的文件。
7. 输入快捷键`vv`,按下回车键,代码块就会生成。
阅读全文