使用vscode创建vue文件时,自动生成vue文件模板
在vscode中没有像hubilder一样,创建vue文件后就自动生成vue模板。但是我们可以自己创建vue.json文件自定义配置。记录一下我自己配置的过程????1.打开vscode,在菜单栏中选择文件 / 首选项 / 用户代码片段这时就会打开搜索栏2.新建全局代码片段 /输入vue.json3.手动配置vue.json文件将下面的代码,复制到创建的vue.json文件...
·
在vscode中没有像hubilder一样,创建vue文件后就自动生成vue模板。
但是我们可以自己创建vue.json
文件自定义配置。
记录一下我自己配置的过程🤭
1.打开vscode,在菜单栏中选择 文件 / 首选项 / 用户代码片段
这时就会打开搜索栏
2.新建全局代码片段 / 输入vue.json
3.手动配置vue.json
文件
将下面的代码,复制到创建的vue.json文件中,保存,然后就🆗了
在使用的时候,创建vue文件,然后输入vue,按tab键,或者回车键,就可以创建一个自定义模板的vue文件辣
{
// 打印输出
"Print to console": {
// 前缀 也就是用户输入的快捷键内容
"prefix": "vue",
// 输出内容
"body": [
"<!-- $0 -->",
"<template>",
" <div>",
"",
" </div>",
"</template>",
"",
"<script>",
"export default {",
" data () {",
" return {",
" }",
" }",
"}",
"</script>",
"",
"<style scoped>",
"",
"</style>",
""
],
// 描述
"description": "Log output to console"
}
}
更多推荐
已为社区贡献8条内容
所有评论(0)