VScode快速创建vue模板

﹏ヽ暗。殇╰゛Y 2021-12-23 23:03 387阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI4NTI1MA_size_16_color_FFFFFF_t_70][]

输入：vue.json搜索

我是已经创建好了的，所以显示的“现有代码片段”字样，你没有创建或者需要新创建的话，就点击新代码片段

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI4NTI1MA_size_16_color_FFFFFF_t_70 1][]

然后就出现以下样子：输入你需要创建的文件名字以.vue结尾哦，创建好后按回车

![20190626143052119.png][]

然后文件内容是：

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

当你新建立了 一个.vue文件夹的时候，输入：vue然后点击回车，整个模板就呈现出来啦，想要有其他css，js模板的话，同理。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI4NTI1MA_size_16_color_FFFFFF_t_70]: /images/20211223/95ecc93c91d54b79a61be0d0db9c97e7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDI4NTI1MA_size_16_color_FFFFFF_t_70 1]: /images/20211223/baed626b02ba4244869bc5b8c9ebf7b9.png
[20190626143052119.png]: /images/20211223/b197b29608cd4bcb958d80ec1a6489e1.png

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

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

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

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

相关 vue快速创建模板

vue快速创建模板 [elementUi模板，复制https在vs上面通过克隆来下载][elementUi_https_vs] [elementUi_https_vs

淩亂°似流年/ 2023年01月15日 10:22/ 0 赞/ 125 阅读

相关 VScode创建Vue模板代码-自定义代码片段

前提：vscode中已安装vue 配置模块代码片段： 1. 依次选择 “ File（文件） -> preperences（首选项） -> User Snippets(用户

﹏ヽ暗。殇╰゛Y/ 2022年12月05日 01:35/ 0 赞/ 231 阅读

相关 vsCode 快速生成vue 模板

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

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

相关 vscode快速生成html模板

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

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

相关基于vscode配置vue模板

1. ctrl+shift+p，选择首选项:配置用户代码片段。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

水深无声/ 2022年09月06日 00:22/ 0 赞/ 210 阅读

相关创建vue模板

模板： <template> <div> </div> </template>

╰+哭是因爲堅強的太久メ/ 2022年02月28日 16:36/ 0 赞/ 313 阅读

相关 VScode快速创建vue模板

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

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

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

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

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