vue快捷键编辑出模板

以你之姓@ 2024-04-03 08:48 75阅读 0赞

1. 在vscode中，左上角菜单 “文件---->首选项---->配置用户代码片段”，然后搜索 vue，如果没有就新建 vue，在 vue代码片段里编辑以下内容：

\{

"生成vue模板":\{

"prefix": "vue",

"body": \[

"<template>",

"<div></div>",

"</template>",

"",

"<script>",

"// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）",

"// 例如：import 《组件名称》 from '《组件路径》';",

"",

"export default \{",

"// import引入的组件需要注入到对象中才能使用",

"components: \{\},",

"props: \{\},",

"data() \{",

"// 这里存放数据",

"return \{",

"",

"\};",

"\},",

"// 计算属性类似于data概念",

"computed: \{\},",

"// 监控data中的数据变化",

"watch: \{\},",

"// 方法集合",

"methods: \{",

"",

"\},",

"// 生命周期 - 创建完成（可以访问当前this实例）",

"created() \{",

"",

"\},",

"// 生命周期 - 挂载完成（可以访问DOM元素）",

"mounted() \{",

"",

"\},",

"beforeCreate() \{\}, // 生命周期 - 创建之前",

"beforeMount() \{\}, // 生命周期 - 挂载之前",

"beforeUpdate() \{\}, // 生命周期 - 更新之前",

"updated() \{\}, // 生命周期 - 更新之后",

"beforeDestroy() \{\}, // 生命周期 - 销毁之前",

"destroyed() \{\}, // 生命周期 - 销毁完成",

"activated() \{\}, // 如果页面有keep-alive缓存功能，这个函数会触发",

"\}",

"</script>",

"<style scoped>",

"$4",

"</style>"

\],

"description": "生成vue模板"

\}

\}

编辑完保存即可，快捷键敲击 vue 即可出来该模板

发表评论取消回复

表情：

评论列表（有 0 条评论，75人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue快捷键编辑出模板

1. 在vscode中，左上角菜单 “文件---->首选项---->配置用户代码片段”，然后搜索 vue，如果没有就新建 vue，在 vue代码片段里编辑以下内容： \{

以你之姓@/ 2024年04月03日 08:48/ 0 赞/ 76 阅读

相关探索 PHP 与 Vue 通用直出模板方案

什么是“页面直出” 我们通常说的“页面直出”，其实就是服务端渲染（SSR, Server-Side Render）。最初的 JS SPA 方案有个常见的问题，就是脚本

逃离我推掉我的手/ 2023年10月12日 10:33/ 0 赞/ 11 阅读

相关 IDEA 2019 快捷键最强编辑

大家好，今天跟大家分享下IntelliJ IDEA 2019 快捷键终极大全的知识。阅读本文约需要5分钟，建议收藏 1 自动代码常用的有fori/sout/psv

今天药忘吃喽~/ 2023年02月23日 08:40/ 0 赞/ 26 阅读

相关 IDEA快捷键多行编辑

方法1：快捷键：shift+alt+insert 可选择多行代码进行编辑。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_

灰太狼/ 2023年01月20日 02:57/ 0 赞/ 641 阅读

相关 Eclipse 代码快捷键模板 psfs

话不多说，自行google。设置快捷键，打开eclipse，依次打开：Window -> Preferences -> General -> Key。设置代码快捷键，打

ゝ一世哀愁。/ 2022年12月04日 01:06/ 0 赞/ 158 阅读

相关编辑距离模板题

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

深碍√TFBOYSˉ_/ 2022年09月06日 00:28/ 0 赞/ 167 阅读

相关 Linux 编辑快捷键

编辑用户快捷键： vim /ect/bashrc 添加： alias ..='cd ..' 注意：=左右两边不要有空格保存退出：使用source

亦凉/ 2022年05月21日 09:40/ 0 赞/ 247 阅读

相关常用的autoHotkey编辑快捷键设置

;重新映射方向键 alt+h/j/k/l !j::send \{Down\} !k::send \{Up\} !h::send \{Left\} !l::sen

待我称王封你为后i/ 2022年04月16日 06:06/ 0 赞/ 1551 阅读

相关编辑MyEclipse的模板

做此操作之前一定记得关闭MyEclipse 在MyEclipse安装目录下找到com.genuitec.eclipse.wizards\_XXX.jar文件,使用解压文件打开

分手后的思念是犯贱/ 2022年03月20日 02:25/ 0 赞/ 109 阅读

相关 linux命令行的编辑快捷键

注意，以下快捷键可能与有的同学系统配置不一样，存在冲突，可以多试试，比如加个shift或少个shift。 Ctrl+a：光标移至命令行第一个字符（行首）。即此时输入，会在第

比眉伴天荒/ 2021年10月15日 10:55/ 0 赞/ 396 阅读