WebStorm按Tab建快速生成代码模块

简介:

WS中,比如调试每次都要写的console.log(xxx);每次都要敲一遍,还有if模块,for循环模块,难道没有快捷键,可以生成代码模块吗,答案是“有”。

操作步骤如下(汉化版WS):

1、Alt + F7打开设置页面;

2、找到如下模板,点击右边的“+”号添加Live Template设置关键字和代码,选择底下的Define选择JavaScript点击确定,即可;如图:

3、在代码中输入for点击“Tab”键,就看到我们添加的代码了,如图:

 

 

英文版WS设置:Webstorm > Preferences > Live Templates 打开设置。

 

======================================================================华丽的分割线======================================================================

我的配置文件:

打开本机目录:C:\Users\Administrator\.WebStorm11\config\templates 创建或替换JavaScript.xml重启启动Ws即可使用快捷键~




本文转自王磊的博客博客园博客,原文链接:http://www.cnblogs.com/vipstone/p/5016842.html,如需转载请自行联系原作者



目录
相关文章
webstorm【实用教程】代码自动格式,格式化时清除空行,修改使用代码模板
webstorm【实用教程】代码自动格式,格式化时清除空行,修改使用代码模板
890 2
设置WebStorm用Ctrl+鼠标滚轮上、下调整编辑器代码字体大小
设置WebStorm用Ctrl+鼠标滚轮上、下调整编辑器代码字体大小
|
开发工具 git
webstorm查看代码git记录
webstorm查看代码git记录
|
JavaScript
WebStorm配置代码模板【以vue模板为例,提供vue代码模板】
WebStorm配置代码模板【以vue模板为例,提供vue代码模板】
442 0
IDEA、webstorm设置编辑器恶心的竖线位置、隐藏竖线(参考线),然后代码自动换行
IDEA、webstorm设置编辑器恶心的竖线位置、隐藏竖线(参考线),然后代码自动换行
|
JavaScript 前端开发
WebStorm配置【设置左侧及其代码编辑区最舒服的字体】
WebStorm配置【设置左侧及其代码编辑区最舒服的字体】
986 0
WebStorm配置【设置左侧及其代码编辑区最舒服的字体】
webstorm + vscode支持微信小程序语法及代码智能提示教程
做了半年的微信小程序,由于感觉微信开发者工具非常不好用,所以贴出在下使用webstorm和vscode开发的教程给大家参考一下。 注意:代码只能提示只有js文件 工具:电脑一台、webstorm、vscode 1.首先FileType下Cascading Style Sheet 添加*.wxss 2.FileType下HTML 添加*.wxml 3.打开vscode,搜索下图中的插件安装。
4174 0
|
JavaScript 前端开发 数据格式
webstorm添加*.vue文件代码提醒支持webstorm支持es6vue里支持es6写法
本文转自:http://www.lred.me/2016/01/07/webstorm%E6%B7%BB%E5%8A%A0-vue%E6%96%87%E4%BB%B6%E6%94%AF%E6%8C%81/ webstorm是前端开发神器,但我一直都不喜欢webstorm,就因为那很挫的配色和那大光标。
1334 0
|
JavaScript
使用Webstorm快速启动Vue项目配置
使用Webstorm快速启动Vue项目配置
209 0
|
前端开发
《智能前端技术与实践》——第1章 开发环境配置——1.5 使用 WebStorm
《智能前端技术与实践》——第1章 开发环境配置——1.5 使用 WebStorm
189 0

热门文章

最新文章