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)

相关推荐

  • PageRank算法及根据航线对机场进行排序的示例分析

    技术PageRank算法及根据航线对机场进行排序的示例分析本篇文章给大家分享的是有关PageRank算法及根据航线对机场进行排序的示例分析,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不

    攻略 2021年11月16日
  • 夜路,晚上走夜路150字作文

    技术夜路,晚上走夜路150字作文第一次走夜路_150字在记忆的大海中,一朵朵浪花拍打着海岸,又消失了夜路。可是,只有一朵浪花拍打着海岸,退去再打上海岸,再打上海岸,不断的从我的脑海重现那个第一次走夜路。记得在一个黑夜,我

    生活 2021年10月29日
  • 怎么从Spring的几个阶段理解其工作过程

    技术怎么从Spring的几个阶段理解其工作过程这篇文章给大家介绍怎么从Spring的几个阶段理解其工作过程,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。Spring框架非常强大,想要彻底弄懂Spri

    攻略 2021年12月2日
  • 调试kubernetes最简单方法(kubernetes容器设计模式概述)

    技术如何进行kubernetes scheduler backend调度的实现本篇文章为大家展示了如何进行kubernetes scheduler backend调度的实现,内容简明扼要并且容易理解,绝对能使你眼前一亮,

    攻略 2021年12月15日
  • 力扣

    技术力扣 力扣 - 剑指 Offer 24. 反转链表题目
    剑指 Offer 24. 反转链表
    思路1(迭代)使用一个指针pre指向上一个节点,初始值为null,然后遍历链表,一边遍历一遍交换指针指向:

    礼包 2021年11月19日
  • C++ STL中常用算法怎么使用

    技术C++ STL中常用算法怎么使用这篇文章主要讲解了“C++ STL中常用算法怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“C++ STL中常用算法怎么使用”吧

    攻略 2021年11月29日