vscode中如何配置并使用.vue代码模板

技术vscode中如何配置并使用.vue代码模板本篇内容介绍了“vscode中如何配置并使用.vue代码模板”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧

本文介绍了“如何配置和使用。vscode中的vue代码模板”。很多人在实际案例的操作中会遇到这样的困难。让边肖带领你学习如何处理这些情况。希望大家认真阅读,学点东西!

vscode里使用.vue代码模板

1.设置.vue模板

打开编辑器,点击文件——首选项——用户代码片段,弹出输入框。

在输入框中输入vue,然后按回车键打开一个vue.json文件。

复制下面的代码:

{

Printtoconsole':{

前缀' :'vue ',

body':[

!- ',

*@Component: ',

*@Maintainer: ',

*@Description: ',

' - ',

模板',

divclass=\ '容器\'\n ',

/div ',

/template\n ',

脚本',

exportdefault{ ',

名称:

'},',

data(){ ',

返回,

'}',

'},',

已安装(){\n ',

'},',

methods : \ n ',

'},',

组件:

'}',

'}',

/script\n ',

stylescopedlang=\ ' scss \ ' \ n ',

/style ',

'$2'

],

描述' : ' Logoutputtoconsole '

}

}模板内容可以根据自己的喜好进行修改。

然后创建一个新的。vue文件,输入vue并按tab键。

2.如果第一步没有成功

如果第一步的成功是最好的,如果按tab键没有成功生成模板,则有一个额外的空间:

步骤1:单击文件——首选项——设置修改以下设置:

emmet.syntaxProfiles':{

vue-html':'html ',

vue':'html '

},

埃米特。triggerexpandontab ' : true步骤2:点击编辑器右下角笑脸左侧的文件类型,选择档案关联,输入vue,按enter。右下角的文件类型会从html变成vue。此时使用tab键即可成功生成模板~

这就是如何配置和使用?vscode中的vue代码模板。谢谢你的阅读。如果你想了解更多行业,关注网站,边肖将为大家输出更多高质量的实用文章!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/51150.html

(0)

相关推荐

  • 怎样浅谈Java Servlets与CGI程序

    技术怎样浅谈Java Servlets与CGI程序怎样浅谈Java Servlets与CGI程序,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。从网络的早期阶

    攻略 2021年11月20日
  • 网络很火的句子,你认为最尴尬的网络句子是什么

    技术网络很火的句子,你认为最尴尬的网络句子是什么我认为最尴尬的网络句子是:条条道路通罗马,有人出生在罗马网络很火的句子。
    这句话说得太深刻,太有道理,让我感触颇多,心里十分郁闷,感到无比尴尬。大家想一想,我们一生拼死拼活

    生活 2021年10月21日
  • JavaScript的并发模型和事件循环机制是什么

    技术JavaScript的并发模型和事件循环机制是什么本篇内容介绍了“JavaScript的并发模型和事件循环机制是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处

    攻略 2021年11月20日
  • 抖音粉丝怎么涨,抖音如何涨粉?

    技术抖音粉丝怎么涨,抖音如何涨粉?不得不说,在抖音上一切皆有可能,甚至很多人莫名其妙就火了,自己也是猝不及防。随着越来越多的网红的出现,许多人都纷纷加入抖音行列,希望一夜爆红,但是又往往事与愿违,有没有好一点的涨粉套路,

    测评 2021年10月20日
  • centos7用rpm安装ssh(centos7重新安装ssh)

    技术如何在CentOS7中安装和配置ssh本篇内容主要讲解“如何在CentOS7中安装和配置ssh”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何在CentOS7中安装和配

    攻略 2021年12月22日
  • python里turtle画随机点的分布图(python在地图上画路线)

    技术Python如何根据站点列表绘制站坐标全球分布图本篇内容主要讲解“Python如何根据站点列表绘制站坐标全球分布图”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Pytho

    攻略 2021年12月16日