首页 > 其他分享 >增加vue模板快捷键,以及方法注释快捷键的总结

增加vue模板快捷键,以及方法注释快捷键的总结

时间:2022-11-02 17:55:54浏览次数:72  
标签:body zhushi vue 快捷键 prefix func 模板

一、Vscode配置

1、进入首选项=>用户配置代码片段=>javascript
{
	"Print to zhushi": {
	"prefix": "zhushi",
	"body": [
		"<!--",
		"* @Description: $0",
		"* @Author: your name",
		"* @Date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
		"* @LastEditTime: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
		"* @LastEditors: Please set LastEditors",
		"-->"
	],
	"description": "a zhushi mode"
	},
	"Print to func": {
	"prefix": "func",
	"body": [
		"/**",
		" * @func $1",
		" * @Description $2",
		" * @Author: your name",
		" * @param {$3} $4 $5",
		" * @return {$6} $7",
		" */"
	],
	"description": "a func mode" 
	}
}
2、=>vue
{
	"Print to console": {
	    "prefix": "vue",
	    "body": [
			"<template>",
			" <div></div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			" components: {},",
			" props: {},",
			" data() {",
			"  return {",
			"  };",
			" },",
			" watch: {},",
			" computed: {},",
			" methods: {},",
			" created() {},",
			" mounted() {}",
			"};",
			"</script>",
			"<style lang=\"scss\" scoped>",
			"</style>"
		],
	    "description": "A vue file template"
	}
	
}
在页面输入prefix相应的字段回车即可得当body中配置的内容,自己可以随意配置body中的内容。

此文借鉴的是小白白纳的文章

标签:body,zhushi,vue,快捷键,prefix,func,模板
From: https://www.cnblogs.com/oxiaojiano/p/16851839.html

相关文章

  • vue demo 1102
    <scriptlang="ts">import{ref,defineComponent}from'vue'exportdefaultdefineComponent({setup(){constfields=['name','address','email'......
  • DJango + Vue 文件下载
    后端importrequestsfromdjango.httpimportFileResponsefromdjango.utils.encodingimportescape_uri_pathdefdownload_file(request): ifrequest.method==......
  • 设计模式十一(空对象模式,策略模式、模板模式)
    在空对象模式(NullObjectPattern)中,一个空对象取代NULL对象实例的检查。Null对象不是检查空值,而是反应一个不做任何动作的关系。这样的Null对象也可以在数据不可用的......
  • win7_64,vue命令无法运行问题
    问题win7_64安装vue后,vue命令执行返回:errno:-4054,code:'ENOSYS',message:'functionnotimplemented',syscall:'uv_os_gethostname'   解决办法:找到......
  • 树莓派搭建WordPress博客:更换WordPress主体模板 8/10
    上一篇​树莓派搭建WordPress博客:安装相对URL插件、修改wp-config.php文件7/10​按照前面几篇文章的介绍,我们树莓派上的WordPress站点已经基本成型。但想要让我们的网站有......
  • Vue3学习笔记(四)——组件、生命周期
    一、组件如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展,但如果,我们将一个页面拆分成一个个小的功能块,每个功能......
  • vue2init vue2z
    <template><div></div></template><script>exportdefault{name:'box',props:{},components:{},data(){return{}},wat......
  • vue-awesome-swiper的使用
    官方git:https://github.com/surmon-china/vue-awesome-swiper大坑,安装vue-awesome-swiper还需要安装swiper,并且要安装对应的版本。VUE2开发可以用这两个版本:"swiper":......
  • Vue中Axios知识
    1.Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中2.特点从浏览器中创建XMLHttpRequests从node.js创建http请求支持PromiseAPI拦截请求和响应......
  • 学习vue3(四)(生命周期,父子组件传参,动态组件)
    组件的生命周期简单来说就是一个组件从创建到销毁的过程成为生命周期在我们使用Vue3组合式Api是没有 beforeCreate和 created这两个生命周期的,用setup函数代替,......