首先,在vs code 中打开定义模板代码的地方
第一步,点击“设置”图标按钮,在弹出的菜单中点击的“用户代码片段”(也就是模板)
第二步,在弹出的框中选择新建代码片段(可选为 全局/现在的项目 创建模板)
第三步,输入要新建的模板名称,然后,回车(这里我已经新建过了)
然后会自动打开下面这个页面,在这里我们就可以开始新建一个vue模板了
现在我们开始创建我们的模板了 这是一个模板例子
需要的可以直接拷贝到新建的模板文件中,然后按自己的风格改改
{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class=\"$TM_FILENAME_BASE\">", " ${0}", " </div>", "</template>", "", "<script>", "export default {", " name: '$TM_FILENAME_BASE',", " data () {", " return {", "", " };", " },", " methods: {}", "}", "</script>", "", "<style lang='scss' scoped>", "", "</style>" ], "description": "my vue template" } }
模板文件中各参数的含义
“prefix”: “vue”, // 定义触发模板的,字符串代码。这里我写的时“vue”。使用就是输入“vue”然后按tab
" name: ‘$TM_FILENAME_BASE',", // $TM_FILENAME_BASE 这个变量是当前的文件名
" <div class="$TM_FILENAME_BASE">", // html代码中我习惯使用双引号,所以这里用了反斜杠“\”转义双引号
description": “my vue template” // 就是字面上的意思,即,这个模板的描述信息
" ${0}", // ${0} 是生成模板后光标的位置,你可以同时放多个
最终效果
在新建的vue文件中输入“vue”,按tab键
就会自动生产一个vue的模板
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。