基于vscode配置vue模板

水深无声 2022-09-06 00:22 230阅读 0赞

1.  ctrl+shift+p，选择首选项:配置用户代码片段。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L29ZaW5IZVpoaUd1YW5n_size_16_color_FFFFFF_t_70]
2.  选择vue.json  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L29ZaW5IZVpoaUd1YW5n_size_16_color_FFFFFF_t_70 1]
3.  在vue.json文件中属于如下代码片段：

{ 
        "vue-template": { 
            "prefix": "vue",
            "body": [
                "<template>",
                " <div class=\"${TM_FILENAME_BASE}_Container\">",
                " $1",
                " </div>",
                "</template>",
                "",
                "<script>",
                "export default {",
                " name: '$TM_FILENAME_BASE',",
                " data() {",
                " return {",
                "",
                " }",
                " },",
                " props: {",
                "",
                " },",
                " components: {",
                " },",
                " mounted() {",
                "",
                " },",
                " methods: {",
                "",
                " }",
                "}",
                "</script>",
                "",
                "<style lang=\"less\">",
                "</style>",
    			""
            ],
            "description": "vue template"
        }
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L29ZaW5IZVpoaUd1YW5n_size_16_color_FFFFFF_t_70]: /images/20220829/c536391ce6c94eb48d893a6f1b6bbaa7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L29ZaW5IZVpoaUd1YW5n_size_16_color_FFFFFF_t_70 1]: /images/20220829/e18b2c932dce44ac832fc36f5c0bd1cb.png

发表评论取消回复

表情：

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

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

相关阅读

相关 vscode配置vue环境

、安装VSCode、NodeJS VSCode：https://code.visualstudio.com/ NodeJS：https://nodejs.org/e...

超、凢脫俗/ 2024年04月17日 05:26/ 0 赞/ 82 阅读

相关 vscode配置vue

在Visual Studio Code (VSCode) 中配置 Vue.js 开发环境需要一些设置和安装扩展，以确保你能够高效地编写和调试Vue.js应用程序。以下是一些常见

浅浅的花香味﹌/ 2024年03月02日 10:04/ 0 赞/ 61 阅读

相关 vue3开发在vscode中配置快捷生成模板方法

想要直接输入vue3就给你生成模板代码片段吗？今天它来了打开vscode的左下角小齿轮设置按钮，然后选中设置用户代码片段：![f7a8f174ecdb47dc911c753

- 日理万妓/ 2023年10月09日 23:05/ 0 赞/ 55 阅读

相关使用vscode如何设置vue模板

1.选择File中的Preferences中的User Snippets 2.搜索vue，选择vue.json ![在这里插入图片描述][201910271540314

港控/mmm°/ 2023年06月10日 11:26/ 0 赞/ 21 阅读

相关 vscode配置vue环境

这篇博客这是让vue的代码可以在vscode中有代码高亮和vue代码提示, vue的安装在官网[vue下载][vue] 有开发版和生产版,官网给了具体的介绍选择安

柔光的暖阳◎/ 2022年11月20日 08:09/ 0 赞/ 194 阅读

相关 vscode里使用 .vue 代码模板

vscode里面设置vue模板，使用快捷键可以快速生成vue的基础代码，节省时间效果： <template> <div class="conta

亦凉/ 2022年11月19日 01:29/ 0 赞/ 200 阅读

相关 vsCode 快速生成vue 模板

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

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

相关基于vscode配置vue模板

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

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

相关 VScode快速创建vue模板

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

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

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

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

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