首先，在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的模板
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。