vscode快速生成vue组件模板

野性酷女 2021-08-14 02:04 517阅读 0赞

**第一步  **文件 ----->   首选项   ------>    用户代码片段   ----->  输入vue ------>找到vue.json文件

**第二步**   讲下面代码贴进vue.json文件中

"Print to console": {
            "prefix": "vue",
            "body": [
                "<template>",
                "  <div>$0</div>",
                "</template>",
                "",
                "<script>",
                "export default {",
    				
                "",
                "}",
                "",
                "</script>",
                "<style scoped>",
                "</style>"
            ],
            "description": "Log output to console"
        }

如图![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhbnNlZ3VodWk_size_16_color_FFFFFF_t_70][]

**第三步**  新建vue文件，写上vue之后回车，

如图![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhbnNlZ3VodWk_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhbnNlZ3VodWk_size_16_color_FFFFFF_t_70]: /images/20210813/a7e66d9430084f13874a7af67efd3480.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhbnNlZ3VodWk_size_16_color_FFFFFF_t_70 1]: /images/20210813/5c655227cdb9442f9f28f882f149686c.png

发表评论取消回复

表情：

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

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

相关阅读

相关 VSCode 快速生成 .vue 基本模板、发送http请求模板

1、安装Vetur插件，才可以识别 vue文件，语法提示要下载Vue 2 Snippets 插件 2、新建代码片段 > 文件 ➡ 首选项 ➡ 用户代码片段 ➡ 点击新

迷南。/ 2023年10月05日 13:24/ 0 赞/ 53 阅读

相关 VScode快速创建自定义的vue模板

目录步骤一：打开设置的Uers snippets 步骤二：点击新建自定义模板步骤三：输入你想起的名字，随便起，然后回车

叁歲伎倆/ 2023年03月01日 05:55/ 0 赞/ 30 阅读

相关 vsCode 快速生成vue 模板

1. 用快捷Ctrl + Shift + P唤出控制台 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

谁借莪１个温暖的怀抱￠/ 2022年10月06日 12:56/ 0 赞/ 358 阅读

相关 vscode快速生成html模板

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

╰+哭是因爲堅強的太久メ/ 2022年10月05日 00:56/ 0 赞/ 222 阅读

相关 Vue组件模板注意事项

驼峰式命名时要注意的事项： <table> <tr> <my-component prop-a="My compone

港控/mmm°/ 2022年06月17日 02:44/ 0 赞/ 217 阅读

相关 VScode中Vue快速生成代码片段

首先我们要找到设置（如下图）用户代码片段 ![20181106100412594.png][] 然后我们会看到这样一个框，然后搜索html.json ![20181106

素颜马尾好姑娘i/ 2022年04月18日 00:46/ 0 赞/ 663 阅读

相关 VScode快速创建vue模板

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

﹏ヽ暗。殇╰゛Y/ 2021年12月23日 23:03/ 0 赞/ 415 阅读

相关 vscode快速生成vue组件模板

第一步文件 -----> 首选项 ------> 用户代码片段 -----> 输入vue ------>找到vue.json文件第二步讲下面代

野性酷女/ 2021年08月14日 02:04/ 0 赞/ 518 阅读

相关 vue文件快速生成页面模板

一 Vscode新建模板 1 菜单选择 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

超、凢脫俗/ 2021年07月24日 20:35/ 0 赞/ 877 阅读

相关 VSCode 小技巧：自动生成vue模板内容

目录一、综述二、实现 1、vscode，IDE左下角，管理——用户代码片段 2、新建代码片段 3、编辑代码片段样式 4、保存即可三、使用 --------

港控/mmm°/ 2021年07月24日 17:21/ 0 赞/ 560 阅读