编辑模板变量对话框

文件|设置|生活模板——编辑变量Windows和Linux
WebStorm |偏好|生活模板——编辑变量在OS X
Ctrl + Alt + S


当你点击对话框打开 编辑变量按钮模板文本现场模板页面。

的 编辑变量启用按钮只有在模板的身体包含至少一个用户定义的变量,也就是说,一个变量不同 $END$$SELECTION$.

使用此对话框创建和编辑表达式中的变量选择的模板。

在这个页面:

控制

描述
的名字 在这个文本框,查看或编辑的变量名称格式 $<variable_name>$.
表达式 在这个文本框中,指定表达式的值对应的模板输入字段自动计算。

这个表达式可以包含构造以下基本类型:

  • 在双引号字符串常量。
  • 另一个变量的名字定义在一个模板。
  • 预定义的函数与可能的参数。

手动输入一个表达式或从下拉列表中选择一个预定义的功能。列表中显示的数量和类型的参数,如果有的话,选择的功能。按字母顺序列出了可用的函数功能表。

默认值 在这个文本框中,指定默认字符串输入相应的输入字段的扩展模板,如果表达式计算后不给任何结果。

注意,一个变量的默认值是一个表达式,可以参考其他生活模板变量。定义默认值作为一个文字,附上引号。

跳过如果定义 ���中此复选框后,WebStorm继续下一个输入字段,如果当前定义输入字段的值。
向上/向下移动 使用这些按钮来更改变量的顺序在列表中。变量的顺序表中确定的顺序WebStorm将切换相应的输入字段模板时扩大。

预定义的函数使用在生活模板变量

描述
camelCase(String) 返回字符串作为参数传递,转换为驼峰式大小写。例如, my-text-file/my text file/my_text_file将转化为 myTextFile.
capitalize(String) 第一个字母都要大写的名字作为参数传递。
capitalizeAndUnderscore(sCamelCaseName) CamelCase内所有大写字母的名称作为参数传递,以及零件之间插入一个下划线。例如,如果字符串作为参数传递 FooBar,那么函数返回 FOO_BAR.
classNameComplete() 这个表达式的替代品类名完成在变量的位置。
clipboard() 返回系统剪贴板的内容。
snakeCase(String) snake_case返回CamelCase字符串的字符串。例如,如果字符串作为参数传递 foo_bar,那么函数返回 fooBar.
complete() 这个表达式替代变量的代码完成调用位置。
completeSmart() 这个表达式替代品的智能类型完成调用变量的位置。
date(sDate) 返回当前系统日期的指定格式。

默认情况下,将返回当前日期在系统默认的格式。然而,如果你在双引号中指定日期格式,这种格式的日期将:

decapitalize(sName) 替换这个名字的第一个字母与对应的小写字母作为参数传递。
enum(sCompletionString1,sCompletionString2,...) 用逗号分隔的字符串列表显示为完成模板调用。
escapeString(sEscapeString) 指定的字符串。
expectedType() 返回类型预计由于整个模板。是有道理的,如果模板扩展在正确的任务的一部分,后返回等。
fileName(sFileName) 返回文件名与扩展。
fileNameWithoutExtension() 返回文件的名称没有扩展。
firstWord(sFirstWord) 返回字符串的第一个词作为参数传递。
lineNumber() 返回当前行号。
lowercaseAndDash(String) 破折号,返回小写分开的字符串作为参数传递。例如,字符串MyExampleName被转换为 my-example-name.
snakeCase(sCamelCaseText) CamelCase返回snake_case字符串的字符串作为参数传递。
spaceSeparated(String) 返回字符串以空格分开的CamelCase字符串作为参数传递。例如,如果字符串作为参数传递 fooBar,那么函数返回 foo bar.
time(sSystemTime) 返回当前系统时间。
underscoresToCamelCase(sCamelCaseText) 返回的字符串作为参数传递CamelHump字母替换为下划线。例如,如果字符串作为参数传递 foo_bar,那么函数返回 fooBar.
underscoresToSpaces(sParameterWithSpaces) 返回的字符串作为参数传递用空格替换为下划线。
user() 返回当前用户的名称。
JsArrayVariable 返回JavaScript数组的名称。
jsClassName() 返回当前的JavaScript类的名称。
jsComponentType 返回JavaScript组件类型。
jsMethodName() 返回当前的JavaScript方法的名称。
jsQualifiedClassName 返回当前JavaScript类的完整名称。
jsSuggestIndexName 返回一个建议索引。
jsSuggestVariableName 返回一个建议命名为一个变量。

webstrom官方的活动模版介绍的更多相关文章

  1. ngRx 官方示例分析 - 1. 介绍

    ngRx 的官方示例演示了在具体的场景中,如何使用 ngRx 管理应用的状态. 示例介绍 示例允许用户通过查询 google 的 book  API  来查询图书,并保存自己的精选书籍列表. 菜单有两 ...

  2. UML用法及状态图,活动图介绍

    统一建模语言UML(Unified Modeling Language)是非专利的第三代建模和规约语言.UML是一种开放的方法,用于说明.可视化.构建和编写一个正在开发的.面向对象的.软件密集系统的制 ...

  3. UML建模之活动图介绍(Activity Diagram)

    一.活动图的组成元素 Activity Diagram Element 1.活动状态图(Activity) 2.动作状态(Actions) 3.动作状态约束(Action Constraints) 4 ...

  4. spring-data-solr官方学习文档介绍

    spring-data-solr文档介绍如下: 通过http://www.springframework.org/schema/data/solr/spring-solr-1.0.xsd(spring ...

  5. UML建模之活动图介绍(Activity Diagram)

      一.活动图的组成元素 Activity Diagram Element 1.活动状态图(Activity) 2.动作状态(Actions) 3.动作状态约束(Action Constraints) ...

  6. JIRA官方:JIRA亮点介绍

    操作超级简单 简单不意味着要以牺牲功能作为代价.JIRA提供了友好.直观的可配置的Web界面,并支持大量的快捷键操作. 跟踪任何事务 跟踪问题.任务.需求,当然还有软件缺陷.定义你自己的事务类型来使之 ...

  7. 【UML 建模】活动图介绍

    1.活动图,即Activity Diagram,是UML中用于对系统的动态行为建模的一种常用工具,它描述活动的顺序,展现从一种活动到另一种活动的控制流.其本质上是一种流程图,着重表现从一个活动到另一个 ...

  8. ABP官方文档翻译 1.1 介绍

    介绍 介绍 快速示例 其他 启动模板 如何使用 介绍 我们通常会根据不同的需求来创建不同的应用程序.但是对于一些通用相似的结构总是一遍又一遍的实现,至少在某种程度上是这样的.常见的通用模块如授权.验证 ...

  9. 【UML】活动图介绍

    1.活动图,即Activity Diagram,是UML中用于对系统的动态行为建模的一种常用工具,它描述活动的顺序,展现从一种活动到另一种活动的控制流.其本质上是一种流程图,着重表现从一个活动到另一个 ...

随机推荐

  1. Eclipse中安装Jdk和配置Python

    要借助Eclipse辅助工作,之前安装配置都是同事帮忙弄的,今天有空来整理一下安装配置步骤 一.安装JDK1.下载JDK,安装JDK,安装完毕,配置JDK环境变量  1)我的电脑右键-属性-高级-点击 ...

  2. 《HTML5与CSS3权威指南》读书笔记(下册)—CSS3篇

    大而全的CSS3 API类型书,并带有一些实用案例讲解,层次分明分类明确,新增技术都做了详情介绍.个人觉得如果在细节和文字表达上再下些功夫会更出色,其中部分内容如:rem.Media Queries网 ...

  3. 自己通过反射写的一个属性copy类

    package com.xxx.beancopier; import java.lang.annotation.Documented; import java.lang.annotation.Elem ...

  4. JMeter+ant+jenkins自动化持续集成

    一.ant安装配置 1.官网下载地址:http://ant.apache.org/bindownload.cgi 对应的操作系统选择对应的版本下载,本文以windows为列,下载后解压到本地 2.设置 ...

  5. checkbox:获取所有已选中的值

    /**获取选中的checkbox值*/ function getChecked(){ var ids = ""; $("input:checkbox[name='id'] ...

  6. Python----文件的IO操作

    一.文件操作 r 以只读方式打开文件.文件的指针将会放在文件的开头.这是默认模式. rb 以二进制格式打开一个文件用于只读.文件指针将会放在文件的开头.这是默认模式. r+ 打开一个文件用于读写.文件 ...

  7. 读取Zip文件内容

    第一步,上次文件并保存到服务器目录下 /// <summary> /// 上传压缩文件 /// </summary> protected void UploadZip() { ...

  8. nagios监控mysql主从状态

    看了网上很多mysql主从监控的,大部分都是shell的,就算是python的,也是在python下跑shell语句.我写了一个python的监控脚本,用到了mysqldb这个包.脚本如下: [roo ...

  9. CodeForces 699A Launch of Collider

    枚举相邻两个$a[i]$与$a[i+1]$,如果$s[i]=R$并且$s[i+1]=L$,那么$i$和$i+1$会碰撞,更新答案. #pragma comment(linker, "/STA ...

  10. 第七十节,css选择器

    css选择器 学习要点: 1.选择器总汇 2.基本选择器 3.复合选择器 4.伪元素选择器 本章主要探讨 HTML5中  CSS选择器,通过选择器定位到想要设置样式的元素.目前CSS选择器的版本已经升 ...