当前位置: 首页 > news >正文

vscode创建快捷代码块,同时配置vue2和vue3的快捷代码块

文件——首选项——配置代码片段,弹出的搜索框内,输入   vue.json             

image

 之后在打开的vue.json中复制下面代码配置

{// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the // same ids are connected.// Example:"vue3": {"prefix": "vue3","body": ["<template>","<div class='app-container'>","","</div>","</template>","<script setup>","import {ref,reactive ,onMounted} from 'vue'","onMounted(() => {","","});","</script>","<style scoped lang=''>","</style>",],"description": "vue3的快捷代码段"},"vue2": {"prefix": "vue2","body": ["<template>","<div class='app-container'>","","</div>","</template>","<script>","export default{","name:'',","data(){","return{","","}},","created(){},","mounted(){},","methods:{},","}",                "</script>","<style scoped lang=''>","</style>",],"description": "vue2的快捷代码段"}
}

保存后,就可以在.vue文件中输入  vue2 回车快捷生成基础vue2代码段;输入vue3回车快捷生成基础vue3代码段。

 

http://www.hskmm.com/?act=detail&tid=37424

相关文章:

  • DolphinScheduler依赖机制、Open-Falcon告警推送与监控的优化实践
  • Tailwind CSS 使用入门
  • 2025 年托管班加盟品牌最新推荐排行榜:聚焦国内优质机构,为投资者精选靠谱加盟项目托管班机构加盟/儿童托管班中心加盟/课后托管班加盟/小学托管班加盟连锁推荐
  • 终于能打出生僻字了!麒麟系统搜狗输入法完整安装指南 - 实践
  • docker 离线下载安装部署
  • 第六周第二天6.2
  • godot + Avalonia 渲染第三方UI
  • 国标GB28181算法算力平台EasyGBS的云边协同的算力调度模式关键技术解析
  • 2025-10-23 cocos安装
  • 监控系统搭建集成实例
  • WPF 和 Avalonia 开发者的 html css 前端指南 ScrollViewer 篇
  • 用EasyPlayer播国标GB28181算法算力平台EasyGBS视频流,居然比点外卖还简单
  • 2025 年氙灯老化 / 紫外老化 / 冷热冲击 / 恒温恒湿 / 高低温 / 快速温变试验箱厂家推荐:柳沁仪器,多行业检测设备的优质供应伙伴
  • 测试美化效果
  • CF1140E Palindrome-less Arrays
  • Windows Server 2016 中文版、英文版下载 (2025 年 10 月更新)
  • 2025年护栏厂家权威推荐榜单:不锈钢栏杆、桥梁防撞护栏、河道景观护栏等全品类生产供应商精选
  • Windows Server 2022 中文版、英文版下载 (2025 年 10 月更新)
  • Windows Server 2025 中文版、英文版下载 (2025 年 10 月更新)
  • 零样本学习(Zero-Shot Learning‌)
  • mac安装stable diffusion简易部署
  • 视频汇聚平台EasyCVR如何构建智慧农业监控监管系统? - 实践
  • 灾难恢复工具内核细节探究与分享
  • windows创建本地账户-跳过创建账户-跳过window账户
  • 2025 年集装箱源头厂家最新推荐排行榜:聚焦优质产品,助力客户精准选择靠谱合作厂商厕所 / 二层 / 商铺 / 移动活动房 / 门卫亭 / 民宿推荐
  • 上传图片后图片加载失败,或因后台ftp传输共享目录延迟导致获取不到
  • 劳务工招聘助手小程序管理系统:革新劳务招聘管理的高效解决方案
  • Axure组件即拖即用:垂直折叠菜单(动态展开/收回交互) - 指南
  • 高效赋能房产销售:房地产客服管理微信小程序系统重磅来袭
  • 2025 年最新推荐:鼓风机源头厂家权威榜单 —— 聚焦创新实力与定制服务,破解企业选品难题