visual studio code生成代码模板

zlpzlpzyd

于 2024-05-26 20:36:18 发布

阅读量365

点赞数 10

分类专栏：开发工具文章标签： vscode ide 编辑器

本文链接：https://blog.csdn.net/zlpzlpzyd/article/details/139220068

版权

开发工具专栏收录该内容

2 篇文章 0 订阅

订阅专栏

编写需要生成代码片段的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app"></div>
    <template id="app">
        <div>{{message}}</div>
    </template>
    <script src="./js/vue.js"></script>
    <script>
        const app = {
            template: '#app',
            data: function() {
                return {
                    message: "Hello World"
                }
            },
            methods: {
            }
        };
        Vue.createApp(app).mount('#app');
    </script>
</body>
</html>

将需要生成代码片段的代码复制到如下链接

https://snippet-generator.app/

Description…

输入自定义描述，例如 create vue3 app

Tab trigger…

输入触发代码片段的名称，例如 vue3app

Your snippet…

需要生成代码片段的源代码，右边 vo code 是生成代码片段的格式

vs code 中添加模板

对应版本信息如下

文件->首选项->配置用户代码片段

使用 vue3app 指令快速生成模板代码

新建一个临时文件，例如 test.html，输入 vue3app，按 tab 或者 enter 键即可。

zlpzlpzyd

关注

10
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
visual studio code生成代码模板

新建一个临时文件，例如 test.html，输入 vue3app，按 tab 或者 enter 键即可。需要生成代码片段的源代码，右边 vo code 是生成代码片段的格式。输入自定义描述，例如 create vue3 app。输入触发代码片段的名称，例如 vue3app。文件->首选项->配置用户代码片段。
复制链接

扫一扫