vscode配置代码片段

1.ctrl + shift + p 然后选择 Snippets:Configure User Snippets (配置用户代码片段)

2.选择vue或者vue.json

3.下面为json内容

{

"vue-template": {

"prefix": "modal-table",

"body": [

"",

" <a-modal v-model:visible="visible" width="1000px" title="" :maskClosable="false" @ok="onOk">",

" <a-table bordered :columns="columns" :pagination="false" :data-source="list"> ",

" ",

"",

"",

"<script setup lang="tsx">",

"import { message } from 'ant-design-vue'",

"import request from '@/utils/request'",

"const emit = defineEmits(['sure'])",

"const visible = ref(false)",

"const list: any = ref([])",

"const columns = [",

" {",

" title: '',",

" dataIndex: 'name',",

" align: 'center',",

" customRender: ({ record }: { record: any }) => {",

" return (",

" // prettier-ignore",

"
",
" )",
" }",
" },",
" {",
" title: '',",
" dataIndex: 'age',",
" align: 'center'",
" }",
"]",
"function onOk() {",
" emit('sure')",
" visible.value = false",
"}",
"function showModal() {",
" visible.value = true",
"}",
"defineExpose({ showModal })",
""
],
"description": "vue-template"
},
"vue-template": {
"prefix": "modal",
"body": [
"",
" <a-modal v-model:visible="visible" width="1000px" title="" :maskClosable="false" @ok="onOk">",
"",
" ",
"",
"",
"<script setup lang="tsx">",
"import { message } from 'ant-design-vue'",
"import request from '@/utils/request'",
"const emit = defineEmits(['sure'])",
"const visible = ref(false)",
"function onOk() {",
" emit('sure')",
" visible.value = false",
"}",
"function showModal() {",
" visible.value = true",
"}",
"defineExpose({ showModal })",
""
],
"description": "vue-template"
},
}

相关推荐
佛系彭哥1 小时前
Win11下VSCode与MSYS2配置全攻略
c++·vscode·wxwidgets·msys2
程序员王天1 小时前
【开发AGIC】Vue3+NestJS+DeepSeek AI作业批改系统(已开源)
vue.js·ai编程·nestjs
昔冰_G2 小时前
Vue内置组件KeepAlive——缓存组件实例
vue.js·缓存·vue3·vue2·keep-alive·vue组件缓存·vue内置组件
aklry2 小时前
elpis之动态组件机制
javascript·vue.js·架构
羊锦磊3 小时前
[ vue 前端框架 ] 基本用法和vue.cli脚手架搭建
前端·vue.js·前端框架
她说..3 小时前
通过git拉取前端项目
java·前端·git·vscode·拉取代码
Roadinforest4 小时前
水墨风鼠标效果实现
前端·javascript·vue.js
金梦人生5 小时前
Pinia 基本使用
vue.js
追逐时光者6 小时前
找 Vue 后台管理系统模板看这个网站就够了!!!
vue.js
excel6 小时前
一文读懂 Vue 组件间通信机制(含 Vue2 / Vue3 区别)
前端·javascript·vue.js