首页 > 其他分享 >VScode 使用 Snippets

VScode 使用 Snippets

时间:2023-07-05 17:33:50浏览次数:47  
标签:vue VScode Component FILENAME 模板 template 使用 new Snippets

创建模板脚本

  1. 通过Ctrl+P触发命令行输入
>snippets

  1. 选择"配置用户代码片段",选择对应的项目,以及文件名称。

  2. 这里创造一个vue页面模板:

"Add new template of vue": {
    "prefix": "new vue template",
    "body": [
      "<template>",
      "\t<div>",
      "",
      "\t</div>",
      "</template>",
      "<script>",
      "\timport { Component, Vue, Prop, Ref, Watch} from \"vue-property-decorator\"",
      "\timport { State, Action } from \"vuex-class\"",
      "\t@Component({",
      "\t\tname:'${TM_FILENAME/(.*)\\..+$/$1/}',",
      "\t\tcomponents: {}",
      "\t})",
      "\texport default class ${TM_FILENAME/(.*)\\..+$/$1/} extends Vue {",
      "\t",
      "\t}",
      "</script>",
      "<style lang=\"less\" scoped></style>"
    ],
    "description": "create new vue template"

  },


选择刚刚创建的模板,产生对应的代码:

标签:vue,VScode,Component,FILENAME,模板,template,使用,new,Snippets
From: https://www.cnblogs.com/chrisleon/p/17529348.html

相关文章

  • AE脚本丨自适应底栏边框文字标题动画 Box It v1.0&使用教程
    这个AE脚本BoxIt主要是用于快速创建复杂的动态文本框,非常适合下第三标题、标签、聊天气泡、多个文本框等。 去下载它的主要特点有:1.简单易用,无需键入任何代码,通过简单的拖放和调整参数即可创建动态文本框2.包含多种预设选项,如简单、标准、粗体、标签、聊天气泡等......
  • 使用GoEasy快速实现Android原生app中的websocket消息推送
    摘要:GoEasy带来了一项令开发者振奋的消息:全面支持Android原生平台!现在,您可以在Android应用中使用最酷炫的实时通信功能,借助GoEasy轻松实现消息的发送和接收。本文将带您领略GoEasy最新版本的威力,为您的应用增添一抹鲜活的互动色彩。嗨,开发者朋友们!是时候展现您的技术才华,让您的A......
  • django中使用form表单或者ajax提交数据时如何验证csrftoken
    使用form表单来提交数据时,如何验证csrftokenajax提交数据时验证csrftoken在需要提交的html页面引入以下js文件就行引入csrf.js文件<scriptsrc="{%static'js/csrf.js'%}"></script>文件内容:/***根据cookie的name获取对应的值*@paramname*@returns{null}......
  • EasyUi的combobox使用方式
    1、如何显示出来<selectid="mySelect"></select>$('#mySelect').combobox();2、如何初始化数据productData.map(item=>{comboboxData.push({"id":item.staticDisplayValue,"text":item.staticDisplayValue,&q......
  • 并发扣减库存不使用分布式锁用幂等性怎么实现
    扣减库存接口/***Notes:修改或删除库存信息复核提交,移位完成,调拨完成后触发*原始库位扣减操作*User:sl*Date:2023-04-1117:31*@param$data*@param$type1,复核完成2调拨出库完成后扣减3,源库位移位完成后*移位......
  • 软件测试 | 如何使用代理配置快速定位接口测试脚本问题?
    更多软件测试学习资料!!!在调试接口用例过程中,如果响应结果和预期结果不一致,则需要检查请求信息。通过代理获取自动化测试中的请求响应信息,对比与正常请求响应的区别,就能够更直观的排查请求错误,相当于编写代码时的debug功能。实战练习在自动化测试中,不论是Java版本还是Python版......
  • 使用docker部署pg集群(postgresql+postgis+pgrouting+pgpool)
    使用docker部署pg集群(postgresql+postgis+pgrouting+pgpool)1,安装dockeryuminstalldocker2,拉取docker容器dockerpullhub-mirror.c.163.com/bitnami/postgresql-repmgr:15dockerpullhub-mirror.c.163.com/bitnami/pgpool:latest3,启动数据库1,创建文件夹并赋予权限cd......
  • echarts 在使用dataZoom时报错,Cannot read properties of undefined (reading 'type')
    今天我再vue中使用柱状图拖动时,一直报错Cannotreadpropertiesofundefined(reading'type')。原因如下,我使用了myChart来接收数据,当myChart使用的是vue的ref或者reactive来命名的变量,如果这样子命名就会报上述错误。myChart=echarts.init(statistical......
  • 无法删除数据库,因为该数据库当前正在使用
    原文:https://blog.csdn.net/weixin_30411997/article/details/94776946除数据库时提示数据库正在被使用,无法删除(Cannotdropdatabasedatabasenamebecauseitiscurrentlyinuse)的问题 删除数据库时提示数据库正在被使用,无法删除(Cannotdropdatabasedatabasenamebe......
  • idea 配置使用 Maven
    idea配置—使用Maven前期准备下载jdk、apache-tomcat、apache-maven、idea此电脑—>属性—>高级系统设置—>环境变量—>编辑系统变量新建系统变量:变量名:CATALINA_HOME变量值:下载tomcat所在路径变量名:JAVA_HOME变量值:jdk所在路径变量名:MAVEN_......