Vue(3)webstorm代码格式规范设置与vue模板配置

Vue(3)webstorm代码格式规范设置与vue模板配置编译器代码格式规范设置通常我们写代码时,代码缩进都是4个空格,但是在前端中,据全球投票统计,建议使用2个空格来进行代码缩进。首先我们打开webstorm中的设置,如果使用的是mac的同学直接使用c

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

编译器代码格式规范设置

通常我们写代码时,代码缩进都是4个空格,但是在前端中,据全球投票统计,建议使用2个空格来进行代码缩进。

首先我们打开webstorm中的设置,如果使用的是mac的同学直接使用command + ,快捷方式,来到Editor–>Code Style–>HTML,将Tab sizeIndent的值改为2,同理在JavaScript中也改为2
Vue(3)webstorm代码格式规范设置与vue模板配置
 

vue模板配置

在我们使用html练习vue时,如果我们不想每次都要创建一次vue实例对象,那么我们可以在html中配置一个模板,以后直接使用vue标签,就能直接引入代码

我们打开webstorm中的设置,来到Editor–>Live Templates,选择vue,点击右上角的+
Vue(3)webstorm代码格式规范设置与vue模板配置
选择Live Template,然后在Abbrevition中写入vue,在Template text中写入需要配置的模板文本内容即可
Vue(3)webstorm代码格式规范设置与vue模板配置
最后在当前页面,有个!的地方,点击Define
Vue(3)webstorm代码格式规范设置与vue模板配置
然后勾选HTML,点击ok完成
Vue(3)webstorm代码格式规范设置与vue模板配置
 

最后实现的效果,我们在HTML中直接输入vue,然后按tab,我们就会立马出现刚刚配置好的模板代码
Vue(3)webstorm代码格式规范设置与vue模板配置

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/166111.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Debug的使用方法

    Debug的使用方法Debug(学完Debug之后要求能够使用Debug查看程序的执行流程)1.1Debug概述Debug:是供程序员使用的程序调试工具,它可以用于查看程序的执行流程,也可也用于追踪程序执行过程来调试程序。1.2Debug操作流程Debug调试,又被称为断点调试,断点其实是一个标记,告诉我们从哪里开始查看。Debug操作流程:如何加断电 如何运行加了断点的程序 看哪里 点哪里 如何删除断点1.2.1如何加断点设置要设置断点的代码行,在行号的区域后面单击鼠标左键即可。

    2022年8月31日
    5
  • opkg[通俗易懂]

    opkg[通俗易懂]opkg是个安装器,小巧,功能全。root@hbg:/#opkgfilesopkgPackageopkg(9c97d5ecd795709c8584e972bfdf3aee3a5b846d-7)isinstalledonrootandhasthefollowingfiles:/bin/opkg–命令存放地/etc/opkg.conf…

    2022年4月28日
    81
  • UART接口介绍_uart接口引脚定义

    UART接口介绍_uart接口引脚定义UART接口介绍

    2025年11月18日
    4
  • 关于智能本质的思考

    关于智能本质的思考

    2022年1月27日
    51
  • Linux 非阻塞connect,错误码:EINPROGRESS「建议收藏」

    Linux 非阻塞connect,错误码:EINPROGRESS「建议收藏」
         当我们以非阻塞的方式来进行连接的时候,返回的结果如果是-1,这并不代表这次连接发生了错误,如果它的返回结果是EINPROGRESS,那么就代表连接还在进行中。后面可以通过poll或者select来判断socket是否可写,如果可以写,说明连接完成了。
     

    2022年7月17日
    19
  • 卡方检验,U检验,t检验,F检验

    卡方检验,U检验,t检验,F检验卡方检验:主要用于等级资料。t检验:适用于计量资料、正态分布、方差具有齐性的两组间小样本比较。包括配对资料间、样本与均数间、两样本均数间比较三种,三者的计算公式不能混淆。也可以这样理解主要是用于小样本(样本容量小于30)的两个平均值差异程度的检验方法。U检验:检验应用条件与t检验基本一致,只是当大样本时用U检验,而小样本时则用t检验,t检验可以代替U检验。t检验和就是统计量为t,u的假…

    2022年6月19日
    47

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号