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)

相关推荐

  • vspherewebclient虚拟机怎么使用(在虚拟机中怎么克隆系统)

    技术怎样在vSpere Client上克隆虚拟机本篇文章给大家分享的是有关怎样在vSpere Client上克隆虚拟机,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来

    攻略 2021年12月21日
  • 响应式WEB设计的9项基本原则分别是什么

    技术响应式WEB设计的9项基本原则分别是什么这篇文章将为大家详细讲解有关响应式WEB设计的9项基本原则分别是什么,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。响应式Web

    攻略 2021年11月17日
  • python閲岀殑list(python list 鏂规硶)

    技术Python中的List2怎么添加这篇文章主要介绍“Python中的List2怎么添加”,在日常操作中,相信很多人在Python中的List2怎么添加问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望

    攻略 2021年12月16日
  • 80创业,80年代后应该如何创业

    技术80创业,80年代后应该如何创业如今的80后有着自己独特的创业方式80创业,但无论何种方式都不能脱离脚踏实地。创业对于80后来说是一次人生的转折,是一次新的选择,所以要谨慎,更要去坚持。
    第一条,确定方向
    方向不是目

    生活 2021年10月27日
  • Jira 6.3.6+SVN+apache怎么用

    技术Jira 6.3.6+SVN+apache怎么用这篇文章主要介绍Jira 6.3.6+SVN+apache怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!JIRA 安装1、

    攻略 2021年11月25日
  • 信用卡可以逾期几天,信用卡逾期几天算严重吗

    技术信用卡可以逾期几天,信用卡逾期几天算严重吗超过了信用卡还款日几天算逾期,要看信用卡的还款宽限期是多久信用卡可以逾期几天。大部分银行会为信用卡持卡人提供3天左右的还款宽限期,在还款宽限期内还款视同按时还款,不会产生利息

    生活 2021年10月23日