【WebStorm】如何修改WebStorm注释样式/如何修改WebStorm的HTML注释样式

原创 已于 2023-06-12 17:43:42 修改 · 2.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webstorm #html #javascript #前端

于 2023-06-12 17:43:28 首次发布
在WebStorm的2023版本中，如果在编写代码时发现注释前有空格，可以通过调整设置来消除这一现象。进入编辑器的‘代码样式’设置，然后选择HTML和JavaScript，取消相应选项的勾选，即可实现注释无空格的效果。
该文章已生成可运行项目，

一、问题描述

（我用的WebStorm是2023版）

注释时前面会有一大段空格，对于有些工程师来说有点不舒服，或者每次都要去删空格

 想要的效果，是没有空格

 

 二、设置修改

找到设置

 找到编辑器——>代码样式——>HTML，然后按照下面的勾选，Javascript的样式也可以修改

本文章已经生成可运行项目
webstorm特殊注释标记（TODO、FIXME、自定义注释标记）
浩星
11-09 1851
webstorm中使用自定义的注释样式来增加开发效率。
精选资源
Mac系统下Webstorm快捷键整理大全
01-19
用Webstorm来调试Node代码简直太赞了，断点调试、属性方法快速等特性让我快速脱离了用Sublime text + node-inspector那种刀耕火种的痛苦状态，幸福指数嗖嗖嗖的就上来了~~~~ 不吹捧啦，但是做Node开发的话，建议珍爱...
WebStorm 修改注释模板
zha_zi的专栏
08-23 2388
     前端开发中webstorm 是个比较常用的工具，我们在使用eclipse 或者其他开发工具的时候有自定义注释模板的习惯，这样便于工程化和代码管理，前端统一注释也是非常重要的，但是使用webstorm 默认的注释仅仅是 /***/ 这种方式是远远不能满足我们的需求。      打开webstorm ，按照 file->setting->editor->live t...
webstorm 生成/修改自定义头部注释
m0_52685922的博客
08-01 4954
webstorm 生成/修改自定义头部注释
webstorm 中如何修改默认注释
etemal_bright的博客
11-22 3537
webstorm设置自定义头部注释，标明作者/时间/组件说明
m0_73146522的博客
08-12 1416
2.编辑器--实时模板--找到javascript--点击加号添加新模板。输入刚刚设置的缩写后下面会出现模板，我这里是des，3.缩写和描述，可以按照自己个人习惯来设置。随后按下键盘的⬇选中，再按tab即可生成。4.模板文本参考，换成自己的名字和描述。5.点击编辑变量来设置时间变量。6.在vue页面中使用该模板。下拉框先选择date()括号里面加入日期格式。
WebStorm/PHPStorm：设置 HTML/JavaScript/PHP 注释缩进行为，代码片段
amberom的专栏
03-21 477
选择语言后，找到 Wrapping and Braces, 取消 Comment at first column。PHPStorm 也是不勾选 Line comment at first column，让注释不从行头开始。如果是HTML，取消勾选 Line comment at first column。取消勾选 Use tab character 后，Tab 将以空格的形式存在。
WebStorm注释样式修改教程（含HTML与JavaScript）
本文围绕“修改WebStorm注释样式”这一主题，深入探讨如何通过调整IDE设置来优化HTML和JavaScript中的注释显示方式，特别是解决注释前出现大量空格的问题，从而实现更整洁、高效的编码体验。 首先，标题“修改...
WebStorm自定义设置及代码样式配置教程
标题“settings.zip”和描述“webstorm 样式”暗示了这个压缩包可能包含了与WebStorm这款流行的IDE（集成开发环境）相关的个性化设置和配置文件。WebStorm是由JetBrains公司开发的专门针对Web开发的IDE，提供了许多...
webstorm vue文件中注释错位
最新发布
02-12
### 解决 WebStorm 中 Vue 文件注释错位的方法 在 WebStorm 中遇到 Vue 文件内注释对不齐的问题，可以通过调整 IDE 设置来改善这一状况。具体方法涉及配置实时模板 (Live Templates)，并确保文件类型的正确设置。 ...
webStrom修改注释颜色（2023版）
m0_63749236的博客
01-19 1313
webstrom多行注释颜色单行注释颜色。
优化Vue项目中 WebStorm:2023.3 对 CSS 和 HTML 的默认注释
Aiden的笔记本
03-01 1037
在开发Vue项目中发现，WebStorm的默认注释并不能很美观地完成工作，甚至出现了注释vue文件中CSS报错的问题，本文仅根据个人习惯将其优化，其他情况请按需修改。
WebStorm 中自定义文档注释模板（也叫设置文档头部注释）
飞翔的熊blabla
10-30 3005
前提： 　　用WebStrom不管写HTML，还是JavaScript都会涉及到一些文档说明。尤其是文档的头部注解说明。 　　只要是你写的页面，头部注解说明基本一致。每次都写一遍？这不像是一个玩计算机人的风格。 　　下面的方法。就解决了此问题。 　　同时提示：养成良好的代码习惯，规范化代码，规范的注释便于后续维护。 实现效果 如下： 文档说明注释： Webstorm 中，自定义说明注释模板，模板内容包括(文档描述、作者、创建日期等信息)： 自定义注释模...
【 webstorm 】设置文档注释
CharlynYanyan的博客
03-13 1645
按照设置的规则进行格式化本块代码
webstorm注释配置
cyssxt的博客
02-24 2434
WebStrom注释配置 1、打开File>Setting   2、在搜索框输入live template 展开右侧javascript 并且点击绿色加号   3、选中live template   4、如下图，点击  Define   选中javascriipt >  statement             5、点击edit varilbales   6、点击a
webstorm设置自定义注释/注解
热门推荐
罗忠浩的博客
07-04 6万+
webstorm被称为最智能的JavaScript IDE，不需要为它做过多的介绍。 在开发过程中总是需要对代码进行注解： //*+回车： /** * * @param res */或者是 //+注释内容//对内容进行介绍有的时候这样并不能满足自己的需求 所以webstorm提供了自定义功能， 下面就为大家讲解一些自己进行的设置。 1️⃣.直接
webstorm 自定义注释内容
【优快云】
05-14 2353
注释在我们很多项目中都要应用，今天打算为webstorm配置一个快捷注释的方法，让我们写注释更加方便，结果找了一个多小时，不得不说这地方的文档太少了，而且不精确，最后自己研究了一下还是配置好了。 点击file->setting，打开设置 搜索live Temlates选中要使用的语言模板，点击右侧的加号 1.png 输入自定义注释内容 /* author: j...
WebStorm | 如何修改webstorm中新建html文件默认生成模板中title的初始值
红星编程实验室
02-16 1298
WebStorm | 如何修改webstorm中新建html文件默认生成模板中title的初始值
【IDEA】webstorm自定义注释模板与快捷键
alikami的博客
04-10 2163
webstorm自定义注释模板与快捷键
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Nobody.sir

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值