`
zha_zi
  • 浏览: 592664 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

WebStorm 修改注释模板

 
阅读更多

     前端开发中webstorm 是个比较常用的工具,我们在使用eclipse 或者其他开发工具的时候有自定义注释模板的习惯,这样便于工程化和代码管理,前端统一注释也是非常重要的,但是使用webstorm 默认的注释仅仅是

/***/ 这种方式是远远不能满足我们的需求。

     打开webstorm ,按照 file->setting->editor->live template 找到模板设置页面,如下图



 我们点击绿色的加号 可以在某一个指定好的注释组中添加新的注释

注释的格式如下

/**

**@disc:XXXXXXXXXXXXXXXX

**@date:$DATE$ $TIME$

**@author:$USER$

**@method:$METHOD$

**@params: 

 

*/

两个$$之间的内容是表达式, webstorm 提供的表达式很多,具体绑定表达式的工作需要点击edit variabels 按钮进入编辑,date() time() user() jsMethodName() 这些方法是获取系统日期,时间,用户名等常用方法



 

注意下边几点,否则还是不能生效

1.abbreviation 配置生效提示符

2:no application contexts define  配置应用在什么类型文本,你需要配置改注释应用到什么类型的问题文件上

3:reformate according to style 勾选即可

 

 

  • 大小: 127.3 KB
  • 大小: 44 KB
分享到:
评论

相关推荐

    WebStorm 10.0.4汉化包

    5. **框架和库的支持**:WebStorm对Angular、React、Vue.js等现代前端框架提供了专门的集成,包括代码提示、模板智能感知、自动完成以及框架特定的重构工具。 6. **代码格式化与重构**:WebStorm可以帮助开发者保持...

    IntelliJ IDEA修改新建文件自动生成注释的user名

    IntelliJ IDEA修改新建文件自动生成注释的user名 IntelliJ IDEA是一款功能强大的Integrated Development Environment(IDE),它提供了许多实用的功能来提高开发者的工作效率。其中一个重要的功能就是新建文件自动...

    webstorm-settings:我的Webstorm设置存储库

    6. **文件模板**:对于新创建的文件,可以设置默认的文件头注释或其他结构,比如HTML、CSS、JavaScript文件的头部信息。 7. **版本控制集成**:WebStorm与Git、SVN等版本控制系统无缝集成,提供图形化的提交、合并...

    webstorm快捷键.docx

    **Ctrl + J:输出模板** 在编写HTML时,按下此快捷键可以插入预设的代码片段,例如输入`table`后按下`Ctrl + J`,WebStorm将自动完成`<table><tbody><tr></tr></tbody></table>`的代码结构,节省手动输入时间。 #...

    nodejs-webstorm:WebStorm中的Node.js开发工作流程

    - **代码重构**:WebStorm提供了多种重构工具,如提取方法、重命名、内联变量等,帮助你安全地修改代码结构。 - **代码质量检查**:通过ESLint或其他静态代码分析工具,WebStorm可以检查代码质量并提出改进建议。 ...

    code-annotate-plugin:代码注释插件的基类

    3. 设计注释模板:根据项目需求,定义或修改注释模板,以便生成符合规范的注释。 4. 集成编辑器或构建工具:利用插件提供的API,将插件集成到开发环境中,确保在保存、构建或运行时自动应用注释。 在`code-annotate...

    InteIIiJ IDEA

    本文将详细介绍如何在IntelliJ IDEA或WebStorm中配置默认工程模板,以提升开发效率。 1. **创建工程模板** - 打开IntelliJ IDEA或WebStorm,进入“File”菜单,选择“New” > “Project”来创建一个新的项目。 - ...

    JS代码自动排版工具

    3. **注释处理**:自动添加、删除或格式化代码中的注释,使注释更符合编码规范,例如多行注释和单行注释的处理。 4. **代码缩进**:根据用户设置,自动调整代码的缩进量,可以是空格或者制表符。 5. **行尾清理**...

    Pycharm 简单使用教程.docx

    - **自定义 Python 模板文件**:在“设置”菜单中选择“Editor -> File and Code Templates”来创建或修改模板文件。 - **显示行号**:在编辑器右下角点击显示行号图标或通过“设置”菜单中的“Editor -> General...

    web前端应用开发考试资料

    学习JavaScript涉及变量、数据类型、运算符、控制结构(如if语句和for循环)、函数、对象、数组,以及DOM(Document Object Model)操作,如元素选择、添加删除和修改等。 4. jQuery:jQuery是一个流行的JavaScript...

    Pycharm 使用教程(非常详细,非常实用).docx

    - 在“文件”->“设置”->“Editor”->“File and Code Templates”中创建或修改模板。 11. **显示行号**: - 在编辑器中右键点击空白处,选择“显示行号”。 12. **安装插件**: - 通过“设置”->“Plugins”-...

    royal-kitsune:代码生成语言框架

    7. **集成开发环境(IDE)支持**:为了提升开发体验,皇家狐狸可能提供了与流行IDE或代码编辑器的集成,例如VS Code、WebStorm等,提供代码提示、自动格式化和错误检查等功能。 8. **测试与验证**:为了确保生成的...

    初级前端工程师面试题比较简单

    2. **浏览器兼容问题**:通常通过使用浏览器前缀(如 `-webkit-`、`-moz-`)、使用polyfill库、或者使用条件注释和特性检测来解决。 3. **img标签的alt和title**:`alt`属性是图像无法显示或加载时的替代文本,对SEO...

    IONIC 功能全演示

    - 注意2: 在www目录下的index.html 中,有如下注释标记,构建时用来插入、全部替换其中的内容,删除该标记 将导致无法引用构建后的js或css文件。 <!-- inject:css --> <!-- endinject --> <!-- inject:js --> ...

    「建议收藏」Pycharm使用教程(非常详细,非常实用).docx

    - **WebStorm**:适用于 JavaScript 和前端 Web 开发的 IDE。 - **PHPStorm**:PHP 专用 IDE。 - **RubyMine**:面向 Ruby 开发者的 IDE。 - **CLion**:支持 C 和 C++ 的 IDE。 - **Rider**:.NET 和 C# 开发者的 ...

    情人节程序员用HTML网页表白【新婚快乐】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript

    [endif]-->`**: 使用条件注释为IE6提供额外的CSS样式。 ### 知识点二:CSS样式与布局 #### 2.1 基本样式设置 - **盒模型与定位**: - `position`: 设置元素的定位方式。 - `height`: 设置元素的高度。 - **背景与...

    简单个人网页设计作业 静态HTML个人博客主页——HTML+CSS+JavaScript 明星鹿晗(7页)

    - **代码规范**:遵循一定的编码规范,如缩进、注释等,保持代码的整洁和可读性。 - **兼容性测试**:确保网页在不同浏览器(Chrome、Firefox、Safari等)和不同设备上的显示效果一致。 - **SEO优化**:适当使用`...

Global site tag (gtag.js) - Google Analytics