vue --- vscode 配置 .vue文件生成结构
vue --- vscode 配置 .vue文件生成结构
小蔚
发布于 2019-12-10 08:41:54
发布于 2019-12-10 08:41:54
代码可运行
运行总次数：0
代码可运行
1、选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，输入vue
选择vue后，编辑器会自动打开一个名字为vue.json的文件
2、复制以下内容到这个文件中：
{
"Print to console": {
"prefix": "vue", //写成自己满意的前缀(name)
"body": [
"<template>",
" <div>$0</div>",
"</template>",
"",
"<script>",
"export default {",
"",
"}",
"",
"</script>",
"<style>",
"</style>"
],
"description": "Log output to console"
}
}$0 表示生成代码后光标的位置 ;
prefix 表示生成对应预设代码的命令（此处设置的vue）
保存关闭文件；
3、新建.vue文件，输入vue，按回车，页面结构自动生成
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019-12-05 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
