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

全栈程序员-站长 • 2022年8月7日上午10:00 • 未分类 • 阅读 6

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 size和Indent的值改为2，同理在JavaScript中也改为2
Vue（3）webstorm代码格式规范设置与vue模板配置

vue模板配置

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

我们打开webstorm中的设置，来到Editor–>Live Templates，选择vue，点击右上角的+

选择Live Template，然后在Abbrevition中写入vue，在Template text中写入需要配置的模板文本内容即可

最后在当前页面，有个!的地方，点击Define

然后勾选HTML，点击ok完成
Vue（3）webstorm代码格式规范设置与vue模板配置

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

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

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

赞 (0)

全栈程序员-站长

0 0

Javascript全局变量和局部变量

Javascript全局变量和局部变量Javascript全局变量和局部变量先看一段代码：<script>vara=1;functiontest(){alert(a); vara=2;alert(a);}test();alert(a);</script>运行结果：undefined21而一般我们会认为：结果应该是121再看一段代码：<script>vara=1; functiontest(){

全栈程序员-站长
2022年4月28日
51
行业

2021年中国智能制造行业产业链研究报告_十四五规划制造业

2021年中国智能制造行业产业链研究报告_十四五规划制造业下载报告去公众号：硬核刘大后台回复“智能工厂”，即可下载完整PDF文件。更多报告内容，可加微信：yw5201a1领取。(ps：加过微信：chanpin628的不要再加，分享的内容一样，有一个号就行。）申明：报告版权中商产业研究院独家所有，此处仅限分享学习使用，如有侵权，请联系小编做删除处理。…

全栈程序员-站长
2022年9月11日
0
大型网站的核心架构要素

大型网站的核心架构要素

全栈程序员-站长
2021年9月16日
49
Windows10下安装linux（Utunbu）双系统「建议收藏」

Windows10下安装linux（Utunbu）双系统「建议收藏」电脑的硬盘应该是mbr模式1.正常安装windows10系统2.打开windows10系统，安装EaSYCBD2.243.右键系统菜单，打开磁盘管理选择一个硬盘压缩100g(自己定义，不少于50G）。4.打开电源选项，关闭快速启动5.插入Untunbu启动盘，重启进入BIOS，关闭SecureBOOT，并以USB为第一启动项6.进入Untunbu，选择installUtunbu，不要联网，然后选择挂载点。10-20G的“/”，主区，etx4；200MB的“/boot”逻辑分区，etx

全栈程序员-站长
2022年7月24日
5
深信服(SCSA)认证学习—基础知识点二

深信服(SCSA)认证学习—基础知识点二综述经过一周的实践教学学习，总体来讲深信服的scsa认证还是不难（理论基本上上都是基础知识），对于实验来讲呢，技术做的越多，熟练度也就越好，也就能更快的做出题目来。这次我主要还是讲讲深信服的理论知识。五元组：源IP地址，源端口，目的IP地址，目的端口和传输层协议mail.qq.comfqdnfulldomainname//顶级域名qq.comdomainname邮件传输协议：SMTP（25端口）、POP3（110端口）、IMAP4http：通一资源标志符(UniformRe

全栈程序员-站长
2022年6月20日
38
FreeCMS视频教程远程发布静态页面

FreeCMS视频教程远程发布静态页面

全栈程序员-站长
2022年2月21日
43

发表回复

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