在vs code 中如何创建一个自己的 Vue 模板代码
网络编程 2021-07-04 14:07www.168986.cn编程入门
这篇文章主要介绍了在vs code 中如何创建一个自己的 Vue 模板代码,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
,在vs code 中打开定义模板代码的地方
第一步,点击“设置”图标按钮,在弹出的菜单中点击的“用户代码片段”(也就是模板)
第二步,在弹出的框中选择新建代码片段(可选为 全局/现在的项目 创建模板)
第三步,输入要新建的模板名称,然后,回车(这里我已经新建过了)
然后会自动打开狼蚁网站SEO优化这个页面,在这里我们就可以开始新建一个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的模板
到此这篇关于在vs code 中如何创建一个自己的 Vue 模板代码的文章就介绍到这了,更多相关vs code 创建Vue 模板内容请搜索狼蚁SEO以前的文章或继续浏览狼蚁网站SEO优化的相关文章希望大家以后多多支持狼蚁SEO!
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南