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

已于 2023-06-12 17:43:42 修改
阅读量1.9k 收藏 2
点赞数 7
分类专栏： 其它 文章标签： webstorm html javascript 前端
于 2023-06-12 17:43:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/TIG_JS/article/details/131173729
版权

一、问题描述

（我用的WebStorm是2023版）

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

 想要的效果，是没有空格

 

 二、设置修改

找到设置

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

WebStorm 配置文件注释
yangyang_A的博客
10-30 956
WebStorm 配置文件注释 打开webstorm 设置, 找到 Live Template 设置 添加快捷键模板 模板写法 /** * @author: ********* * @age: 永远18岁的美少年 * @Email： ********** * @date: $date$ * @description: $description$ */
WebStorm 中自定义项目的文档注释
吴文静的博客
07-14 2802
前提 1、用WebStrom不管写HTML，还是JavaScript都会涉及到一些文档说明。尤其是文档的头部注解说明。 2、只要是你写的页面，头部注解说明基本一致。每次都写一遍？这不像是一个玩计算机人的风格。 3、下面的方法。就解决了此问题。 4、同时提示：养成良好的代码习惯，规范化代码，规范的注释便于后续维护。 实现效果 自定义模板开始 1、菜单栏===>settings 或者直接 快捷键 Ctrl + Alt + S 打开Webstorm设置，找不到的 可以 直接搜索 ‘Live Templa
WebStorm 修改注释模板
zha_zi的专栏
08-23 2328
     前端开发中webstorm 是个比较常用的工具，我们在使用eclipse 或者其他开发工具的时候有自定义注释模板的习惯，这样便于工程化和代码管理，前端统一注释也是非常重要的，但是使用webstorm 默认的注释仅仅是 /***/ 这种方式是远远不能满足我们的需求。      打开webstorm ，按照 file->setting->editor->live t...
webstorm 生成/修改自定义头部注释
m0_52685922的博客
08-01 4503
webstorm 生成/修改自定义头部注释
webstorm 中如何修改默认注释
etemal_bright的博客
11-22 3512
WebStorm 中自定义文档注释模板（也叫设置文档头部注释）
飞翔的熊blabla
10-30 2909
前提： 　　用WebStrom不管写HTML，还是JavaScript都会涉及到一些文档说明。尤其是文档的头部注解说明。 　　只要是你写的页面，头部注解说明基本一致。每次都写一遍？这不像是一个玩计算机人的风格。 　　下面的方法。就解决了此问题。 　　同时提示：养成良好的代码习惯，规范化代码，规范的注释便于后续维护。 实现效果 如下： 文档说明注释： Webstorm 中，自定义说明注释模板，模板内容包括(文档描述、作者、创建日期等信息)： 自定义注释模...
WebStorm/PHPStorm：设置 HTML/JavaScript/PHP 注释缩进行为，代码片段
amberom的专栏
03-21 386
选择语言后，找到 Wrapping and Braces, 取消 Comment at first column。PHPStorm 也是不勾选 Line comment at first column，让注释不从行头开始。如果是HTML，取消勾选 Line comment at first column。取消勾选 Use tab character 后，Tab 将以空格的形式存在。
Mac系统下Webstorm快捷键整理大全
01-19
用Webstorm来调试Node代码简直太赞了，断点调试、属性方法快速等特性让我快速脱离了用Sublime text + node-inspector那种刀耕火种的痛苦状态，幸福指数嗖嗖嗖的就上来了~~~~ 不吹捧啦，但是做Node开发的话，建议珍爱...
IntelliJ IDEA修改新建文件自动生成注释的user名
08-26
IntelliJ IDEA修改新建文件自动生成注释的user名 IntelliJ IDEA是一款功能强大的Integrated Development Environment（IDE），它提供了许多实用的功能来提高开发者的工作效率。其中一个重要的功能就是新建文件自动...
WebStorm_快捷键和代码模板
01-04
WebStorm是一款广受欢迎的JavaScript开发集成环境，由JetBrains公司开发。它提供了强大的代码提示、自动补全、错误检查以及调试功能，极大地提高了前端开发者的工作效率。本篇将重点介绍WebStorm中的快捷键和代码...
webstorm设置自定义头部注释，标明作者/时间/组件说明
m0_73146522的博客
08-12 1080
2.编辑器--实时模板--找到javascript--点击加号添加新模板。输入刚刚设置的缩写后下面会出现模板，我这里是des，3.缩写和描述，可以按照自己个人习惯来设置。随后按下键盘的⬇选中，再按tab即可生成。4.模板文本参考，换成自己的名字和描述。5.点击编辑变量来设置时间变量。6.在vue页面中使用该模板。下拉框先选择date()括号里面加入日期格式。
优化Vue项目中 WebStorm:2023.3 对 CSS 和 HTML 的默认注释
Aiden的笔记本
03-01 822
在开发Vue项目中发现，WebStorm的默认注释并不能很美观地完成工作，甚至出现了注释vue文件中CSS报错的问题，本文仅根据个人习惯将其优化，其他情况请按需修改。
webstorm设置自定义注释/注解
热门推荐
罗忠浩的博客
07-04 6万+
webstorm被称为最智能的JavaScript IDE，不需要为它做过多的介绍。 在开发过程中总是需要对代码进行注解： //*+回车： /** * * @param res */或者是 //+注释内容//对内容进行介绍有的时候这样并不能满足自己的需求 所以webstorm提供了自定义功能， 下面就为大家讲解一些自己进行的设置。 1️⃣.直接
WebStorm | 如何修改webstorm中新建html文件默认生成模板中title的初始值
红星编程实验室
02-16 1099
WebStorm | 如何修改webstorm中新建html文件默认生成模板中title的初始值
【IDEA】webstorm自定义注释模板与快捷键
alikami的博客
04-10 1825
webstorm自定义注释模板与快捷键
webStrom修改注释颜色（2023版）
m0_63749236的博客
01-19 1110
webstrom多行注释颜色单行注释颜色。
Webstorm和VsCode 统一格式化配置
QS8945的博客
08-28 3161
6.根目录新建lint-staged.config.js。5.根目录新建.prettierrc.js。4.根目录新建.eslintrc.js。
解决WebStorm与VSCode的代码格式化冲突
Azhuzhu_chaste的博客
06-09 5456
到了新公司发现同事用的都是VSCode，而VSCode的格式化代码与WebStorm的不一致。 因为前后端都做，用惯了JetBrains全家桶，导致不太适应VSCode，最后所以打算调整一下代码的格式化，继续用webstorm开发。 自闭合的标签，闭合前补充空格 Settings > Editor > Code Style > HTML > Other(Tab页) > 勾选 in empty tag 句尾冒号分割，永远使用单引号，多行保留最后一项的逗号 Sett
webstorm idea phpstorm appcode 自定义注释代码段- 日期时间
whitehack的专栏
09-29 1万+
live template 即可实现.无需插件最终效果/** 2015/09/20 01:33:34 * end */ 打开 settings(win) or preferences 找到 editor下的 live template 选中你的语言 点右边的 + 号 Abbreviation 是自动完成的提示缩写(例如:nowtime) description 描述(例如:now time.
webstorm 注释
最新发布
02-11
### WebStorm 中添加注释的方法 在 WebStorm 中，为代码添加注释是一项重要的开发实践，有助于提高代码可读性和维护性。以下是几种常见的注释方式： #### 单行注释 对于 JavaScript 文件，可以通过快捷键 `Ctrl+/` 或者直接输入两个斜杠 (`//`) 来创建单行注释。 ```javascript // 这是一个简单的JavaScript语句 let message = "Hello, world!"; ``` #### 多行注释 多行注释适用于较长的说明文字，使用 `/ * ... * /` 的形式包裹起来。 ```javascript /* 这段程序用于初始化应用程序， 并定义了一些全局变量。 */ var appInitialized = true; ``` #### 函数文档注释 (JSDoc) 为了增强 IDE 对函数的理解和支持，推荐采用 JSDoc 标准来编写函数级别的注释。这不仅能让开发者更清晰地理解函数的作用域及其参数含义，还能让编辑器提供更好的智能感知服务[^3]。 当在一个函数前加上 `/**` 并按下回车键时，WebStorm 将自动生成基于该函数签名的基础模板，并允许用户补充详细的描述信息以及参数和返回值的信息。 ```javascript /** * 计算给定半径圆周长. * * @param {number} radius 圆形的半径长度 * @returns {number} 返回计算得到的圆周长 */ function calculateCircumference(radius) { return Math.PI * 2 * radius; } ``` 通过上述方法可以在 WebStorm 中有效地为项目中的各种资源添加有意义的注释，从而提升团队协作效率和个人编程体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Nobody.sir

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

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

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

打赏作者

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

抵扣说明：

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

余额充值