Webstorm中设置作者信息、时间、文档描述（.vue文件中）

原创 已于 2022-02-16 15:36:18 修改 · 2.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #webstorm

于 2022-02-14 12:30:48 首次发布
本文档详细介绍了如何在Vue项目中设置自定义代码模板，包括步骤4至9的具体操作，如设置快捷缩写、描述内容，以及如何生成自动日期等。完成后，在.vue文件中输入快捷缩写并按Tab键即可快速插入预设模板。

文件->设置
在这里插入图片描述

选择代码模板，找到Vue，点击右上方+号
在这里插入图片描述

第4步输入你的快捷缩写，如description
第5步输入描述内容，如Vue Description
第6步输入：

<!--
 @Name 
 @Description 
 @author 
 @date $date$
-->

第8步勾选Vue
第9步，若第6步选择了date 这种自动生成的，需要再选择相应的函数
在这里插入图片描述
最后点应用和确定

回到.vue文件中，输入description按下tab键就可
在这里插入图片描述

2023 在 VS Code 中调试 Vue项目 打断点
ZHZS123的博客
02-06 2810
2023年 在 VS Code 中调试 Vue2 项目 (最新)
基于ssm+vue图书管理系统源码数据库文档.zip
04-19
开发过程中可能使用了IntelliJ IDEA或Eclipse作为Java IDE，Visual Studio Code或WebStorm用于Vue.js开发，Git进行版本控制，Maven或Gradle构建工具，Postman测试API接口，数据库管理工具如MySQL Workbench。...
webstorm 设置自动作者
qixiang2013的专栏
10-13 3010
Webstorm新建文件过程中现在文件头部加入创建时间，作者信息，项目名称，需要用到修改默认的模板. Webstorm提供了常用的预定义模板变量，用户名，项目名称，时间，年，月，日. ${PROJECT_NAME} - 当前项目的名称 ${NAME} - 在创建文件期间在新建文件对话框中指定的文件名称 ${USER} - 系统的当前用户登录名称 ${DATE} - 当前系统日期 ${TIME} - 当前系统时间 ${YEAR} - 当前年份 ${MONTH} - 当前月份 ${D.
webstorm设置作者信息&时间&文档描述（js文件里使用）
南北极之间
06-25 8319
参考文章： https://blog.csdn.net/qq_39108466/article/details/79712547 如图所示： 缩写desc 内容模板： /** * @Description: * @author Yukky Chen * @date $date$ */ 函数说明注释 在函数声明上方键入/**,再按回车键： ...
webstorm/idea中显示git之前谁修改的内容
浩星
10-24 6738
webstrom中实现点击某一行的时候，显示当前谁改动的这个代码的信息
设置作者信息等设置
weixin_34067980的博客
05-16 265
1.》打开PyCharm开发环境，在菜单栏中选择 File → Settings （或者使用快捷键<Ctrl + Alt + S>,打开系统环境设置面板） 2.》单击导航菜单的 Editor→ File and Code Templates 项，在右侧菜单选择 “ Python Script ”,对模块进行编辑 3.》编辑格式为：${<variable_nam...
webstorm设置自定义头部注释，标明作者/时间/组件说明
m0_73146522的博客
08-12 1408
2.编辑器--实时模板--找到javascript--点击加号添加新模板。输入刚刚设置的缩写后下面会出现模板，我这里是des，3.缩写和描述，可以按照自己个人习惯来设置。随后按下键盘的⬇选中，再按tab即可生成。4.模板文本参考，换成自己的名字和描述。5.点击编辑变量来设置时间变量。6.在vue页面中使用该模板。下拉框先选择date()括号里面加入日期格式。
基于Springboot+Vue实现的网上试衣镜服装穿搭网站设计毕业源代码+文档说明+sql文件
11-13
管理员登录后可以在后台添加新的服饰搭配教学视频包括服饰名称、服饰描述、服饰类别、最小身高、最大身高、最小体重、最大体重，可以查询管理和修改添加好的服饰信息，可以给服饰添加图片和视频，可以删除服饰信息，...
webstorm通过UniApp Tools插件，运行通过hbuilderx创建的uni-app项目时，在main.js中引用vue提示未安装，并且挂载到Vue实例上的vuex，在vue文件中使用this没有代码提示
最新发布
10-25
vue文件中使用this调用vuex无代码提示 根据用户描述，项目是在HBuilderX中创建的，现在在WebStorm中使用UniApp Tools插件运行，遇到了上述问题。 首先，我们需要理解这两个问题的原因： 1. "Vue提示未安装"：...
基于ssm+vue快餐店点餐结算系统源码数据库文档.zip
04-17
该压缩包文件“基于ssm+vue快餐店点餐结算系统源码数据库文档.zip”包含了一个完整的快餐店点餐结算系统的源代码和相关的数据库文档，适用于毕业设计或类似项目开发。这个系统采用了现代Web开发技术栈，结合了后端的...
WebStorm 配置文件注释
yangyang_A的博客
10-30 992
WebStorm 配置文件注释 打开webstorm 设置, 找到 Live Template 设置 添加快捷键模板 模板写法 /** * @author: ********* * @age: 永远18岁的美少年 * @Email： ********** * @date: $date$ * @description: $description$ */
webstorm创建js文件时自动生成js注释 （@description 描述、@author作者、@date 创建时间等）
weixin_38919176的博客
07-24 421
webstorm创建js文件时自动生成js注释 （@description 描述、@author作者、@date 创建时间等）设置注释，生成文件时自动生成
webstrom使用ts设置
leveretz的博客
11-15 2940
webstrom使用ts设置
webstorm设置自定义注释/注解
糜家智の博客
04-18 3131
webStorm自定义注释、注解
webstorm 生成/修改自定义头部注释
m0_52685922的博客
08-01 4937
webstorm 生成/修改自定义头部注释
WebStorm添加注释模板
热门推荐
Dear_Mr的博客
12-21 1万+
今天想给我的代码文件添加一些特定的注释，下面是具体的操作，当然不局限于下面的，可以添加更多你所需要的东西 添加后的效果/** * @author Vao * @date 2017/12/21 * @Description: */添加的过程我用的工具是WebStorm2017.2.3，点击File->Settings->Editor->live Templates，打开Settings的快捷键是
webstrom 模板变量
小方块的世界
12-04 590
这篇文章主要介绍了webstrom的模板变量和使用。 webstrom模板变量简介（其他IDE产品通用）。 ${PROJECT_NAME} - 当前文件名称 ${NAME} - 在文件创建过程中在“新建文件”对话框中指定的新文件的名称 ${USER} - 当前登录用户 ${DATE} - 当前系统日期 ${TIME} - 当前系统时间 ${YEAR} - 年 ${MONTH} - 月 ${DA...
WebStorm 中自定义头部注释
wjm0519的博客
09-22 1042
2.找到实时模板设置。5.页面数据模板名称。
VS Code添加vue2的代码片段、作者信息
全易
06-06 2428
简单三步，快看看
WebStorm-test-2020.3.3 Windows试用版安装指南
在探讨标题、描述以及提供的标签和压缩包文件列表时，我们可以从WebStorm这款IDE（集成开发环境）的角度出发，详细了解其特点、下载和安装流程，并聚焦于Windows系统用户。以下是详细的知识点梳理： 1. **WebStorm...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值