WebStorm | 如何修改webstorm中新建html文件默认生成模板中title的初始值

在近期的JS的学习中,使用webstorm,总是要先新建一个html文件,然后再到里面书写<script>标签,真是麻烦,而且标题也是默认的title,想改成文件名还总是需要手动去改

经过小小的研究,找到了修改生成模板的方法

1.设置

2.文件 | 设置 | 编辑器 | 文件和代码模板

3.快速进入

 

这里可以看到HTML的模板了,默认模板代码如下(不用复保存的,一会儿教你一键还原

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>#[[$Title$]]#</title>
</head>
<body>
#[[$END$]]#
</body>
</html>

 首先先改title默认文件名,以下是jetbrain官方给的参考参数

预定义变量列表


${DATE}        当前系统日期
${DAY}        当前月份的日期
${DAY_NAME_SHORT}        当前日期名称的前 3 个字母(例如,Mon、Tue 等)
${DAY_NAME_FULL}        当前日期的全名(Monday、Tuesday 等)
${DIR_PATH}        新文件的目录路径(相对于项目根目录)
${DS}        美元符号 ($)。 此变量用于转义美元字符,因此不会将其视为模板变量的前缀。
${FILE_NAME}        新文件名称
${HOUR}        当前小时
${MINUTE}        当前分钟
${SECOND}        当前秒
${MONTH}        当前月份
${MONTH_NAME_SHORT}        当前月份名称的前 3 个字母(Jan、Feb 等)。
${MONTH_NAME_FULL}        当前月份的全名(January、February 等)。
${NAME}        新实体的名称(文件、类型、接口等)
${ORGANIZATION_NAME}        在项目设置中指定的组织名称
${PRODUCT_NAME}        IDE 名称
${PROJECT_NAME}        当前项目名称
${TIME}        当前系统时间
${USER}        当前用户的系统登录名
${YEAR}        当前年度

根据参考,我们选择${FILE_NAME}即可,写进模板里如下

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>${FILE_NAME}</title>
</head>
<body>
#[[$END$]]#
</body>
</html>

在修改了模板文件后,重新进此页,会出现下图的两个选项

重置(蓝色):一键还原当前的模板,且只在编辑时才会出现,而且点击后此页的所有模板选项会全部清空,再次重进此页会重新看到默认的模板文件,所以不推荐点击

还原图标:还原单个模板文件,出现重置确认弹窗后同意即可

然后再加上想修改的其余部分

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>${FILE_NAME}</title><style>body {background-color: black;}</style><script>#[[$END$]]#</script>
</head>
<body></body>
</html>

再次新建一个用于测试模板的文件,会发现IDE会帮我们自动生成好可以直接写JS学习代码的HTML文件了,里面有css的用于护眼的代码,还有准备好的scrip标签,游标也自动停在了scrip标签后面,直接回车就能开写,非常贴心

 

然后格式不对直接一个ctrl+alt+L组合键一键整理就完事了,非常方便我这种懒人

还可以自定义自己喜欢的模板,例如

${FILE_NAME}
${PROJECT_NAME}
${PRODUCT_NAME}
${DATE}项目描述:代办清单:人员名单:

点击应用后,回到项目中,直接通过模板可以快速建立一个项目文档

 

哦,懒癌福音,可以轻轻松松的写好项目任务清单,真是太棒了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/684131.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

单片机学习笔记---LCD1602

LCD1602介绍 LCD1602&#xff08;Liquid Crystal Display&#xff09;液晶显示屏是一种字符型液晶显示模块&#xff0c;可以显示ASCII码的标准字符和其它的一些内置特殊字符&#xff08;比如日文的片假名&#xff09;&#xff0c;还可以有8个自定义字符 显示容量&#xff1a;…

centos7.9 搭建k8s

K3s -轻量级Kubernetes K3s 是轻量级的 Kubernetes。K3s 易于安装&#xff0c;仅需要 Kubernetes 内存的一半&#xff0c;所有组件都在一个小于 100 MB 的二进制文件中。 为什么叫 K3s? 我们希望安装的 Kubernetes 只占用一半的内存。Kubernetes 是一个 10 个字母的单词&am…

【AIGC】Stable Diffusion安装包

Stable Diffusion 的安装教程通常分为以下几个步骤&#xff1a; 一、安装 Python&#xff1a; 确保您的系统中已经安装了 Python&#xff0c;并且版本符合 Stable Diffusion 的要求。通常情况下&#xff0c;Python 版本应为 3.6 或更高版本。您可以从 Python 官方网站下载并安…

AlmaLinux更换鼠标样式为Windows样式

文章目录 前言先看看条件与依赖第一步&#xff1a;测试最终效果第二步&#xff1a;使用CursorXP修改鼠标样式CurosrXP安装CursorXP使用 第三步&#xff1a;Linux端环境搭建与命令执行UbuntuFedora其他系统均失败 第四步&#xff1a;应用主题 前言 只不过是突发奇想&#xff0c…

React:高阶组件|ref转发

高阶组件 参考文档&#xff1a;高阶组件 – React (reactjs.org) 高阶组件&#xff08;Higher-Order Components&#xff0c;简称 HOC&#xff09;是React中用于复用组件逻辑的一种高级技巧。具体而言&#xff1a;高阶组件是参数为组件&#xff0c;返回值为新组件的函数。 组件…

vue3 codemirror yaml文件编辑器插件

需求&#xff1a;前端编写yaml配置文件 &#xff0c;检查yaml语法 提供语法高亮 。 默认内容从后端接口获取 显示在前端 &#xff0c; 前端在codemirror 插件中修改文件内容 &#xff0c;并提交修改 后端将提交的内容写入服务器配置文件中 。 codemirror 通过ref 后期编辑器…

jacob使用教程---环境搭建及基本组成元素

参考资料: jacob的GitHub地址 jacob官网(个人感觉不重要) microsoft官方VBA文档(很重要,jacob所有的参数都来自于这里) jacob找COM组件 jacob环境配置教程 jacob将word转为各种格式 提取word中审阅内容 本人参考例子及相关资料 具有参考价值的博客 jacob操作e…

2024 前端面试题 附录3

这里记录的是昨天和今天原篇的知识点补充 原篇地址&#xff1a; 2024 前端面试题&#xff08;GPT回答 示例代码 解释&#xff09;No.41 - No.60 2024 前端面试题&#xff08;GPT回答 示例代码 解释&#xff09;No.61 - No.100 2024 前端面试题&#xff08;GPT回答 示例代…

【Python】通过conda安装Python的IDE

背景 系统&#xff1a;win11 软件&#xff1a;anaconda Navigator 问题现象&#xff1a;①使用Navigator安装jupyter notebook以及Spyder IDE 一直转圈。②然后进入anaconda prompt执行conda install jupyter notebook一直卡在Solving environment/-\。 类似问题&#xff1a; …

【Java基础题型】逢7过

朋友聚会的时候可能会玩一个游戏&#xff1a;缝7过 游戏规则&#xff1a;从任意一个数字开始报数&#xff0c;当你要报的数字是包含7或者 是7的倍数时&#xff0c;都要说&#xff1a;"过" 需求&#xff1a;使用程序在控制台打印出1-100之间的满足逢七必过规则的数…

计算机网络——12DNS

DNS DNS的必要性 IP地址标识主机、路由器但IP地址不好记忆&#xff0c;不便于人类用使用&#xff08;没有意义&#xff09;人类一般倾向于使用一些有意义的字符串来标识Internet上的设备存在着“字符串”——IP地址的转换的必要性人类用户提供要访问机器的“字符串”名称由DN…

FreeRTOS知识点

1>任务调度算法 1.抢占式调度&#xff1a;高优先级的任务优先执行&#xff0c;并且可以打断低优先级的任务执行。 在FreeRTOSConfig.h中开启configUSE_PREEMPTION宏&#xff0c;将宏设置为1&#xff0c;关闭&#xff08;将宏设置为0&#xff09; 2.时间片轮转&#xff1a…

Python-1

1. 解释Python中的GIL&#xff08;Global Interpreter Lock&#xff09;及其对多线程编程的影响。 Python中的GIL&#xff08;Global Interpreter Lock&#xff09;是一种互斥锁&#xff0c;它确保在CPython解释器中同一时刻只有一个线程执行Python字节码。 GIL的存在对多线程…

【动态规划】【C++算法】1563 石子游戏 V

作者推荐 【数位dp】【动态规划】【状态压缩】【推荐】1012. 至少有 1 位重复的数字 本文涉及知识点 动态规划汇总 LeetCoce:1563 石子游戏 V 几块石子 排成一行 &#xff0c;每块石子都有一个关联值&#xff0c;关联值为整数&#xff0c;由数组 stoneValue 给出。 游戏中…

【JAVA-Day82】线程中断

线程中断 线程中断&#xff1a;探索 Java 中发送中断信号的方法 &#x1f6a8;&#x1f6d1;摘要 &#x1f4dd;引言 &#x1f680;正文 &#x1f4da;一、什么是线程中断 ❓二、线程什么情况下需要中断 ❓三、模拟线程中断 &#x1f6a8;四、线程中断的应用场景 &#x1f3de;…

云原生容器化-5 Docker常见操作命令

1.登录和退出docker仓库 使用docker login和docker logout分别用于登录和退出docker仓库。 #登录时携带用户名、密码、仓库地址信息 docker login --username test --password test123 192.168.0.22:8000 docker login --username seong --password 3er4#ER$ 192.168.0.22:8…

export和import

export和import是JavaScript中ES6&#xff08;ECMAScript 2015&#xff09;的模块系统的语法&#xff0c;用于实现模块的导出和导入&#xff0c;ES6 的模块系统是 JavaScript 官方标准中定义的模块化规范&#xff0c;现在的前端应用模块化已经很普及了。   export和import的技…

<网络安全>《32 网络信息安全基础(3)网络攻防知识体系》

1 信息安全网络攻防知识 1.网络安全 包括防火墙、入侵检测/防御系统&#xff08;IDS/IPS&#xff09;、安全扫描工具、安全隔离系统等。 2.操作系统安全 包括安全操作系统设计、安全编程、安全测试等。 3.应用安全 包括Web应用安全、数据库应用安全、中间件安全等。 4.数据库安…

Python内置函数03——pow

文章目录 概要基本用法注意事项 概要 Python的内置函数pow(x, y, z)返回x的y次方&#xff0c;如果有第三个参数&#xff0c;则求完幂次后对第三个数取余。 基本用法 1.计算10的2次方 a pow(10, 2) # 10的2次幂 print(a) # 1002.计算5的三次方并取模3 b pow(5, 3, 3) p…

SpringBoot3 + Vue3 由浅入深的交互 基础交互教学

说明&#xff1a;这篇文章是适用于已经学过SpringBoot3和Vue3理论知识&#xff0c;但不会具体如何实操的过程的朋友&#xff0c;那么我将手把手从教大家从后端与前端交互的过程教学。 目录 一、创建一个SpringBoot3项目的和Vue3项目并进行配置 1.1后端配置: 1.1.1applicatio…