vscode快速生成vue组件模板

野性酷女 2021-08-14 02:04 493阅读 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 条评论，493人围观）

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

相关阅读

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

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

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

相关 vsCode 快速生成vue 模板

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

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

相关 vscode快速生成html模板

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

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

相关 Vue组件模板注意事项

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

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

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

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

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

相关 VScode用户代码片段——快速生成vue片段

在VScode编译器中，Ctrl + Shift + p 输入：preferences:configure User Snippets ![2019032109073721

偏执的太偏执、/ 2022年03月06日 14:58/ 0 赞/ 415 阅读

相关 VScode快速创建vue模板

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

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

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

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

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

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

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

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

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

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

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