WebStorm
1,简介
2,下载安装及注册
2.1,下载
2.2,安装
2.3,注册
3,基本配置
手动配置Webstorm
Webstorm配置项极其丰富,建议善用搜索,比如配置字体大小、git配置等。
4,默认热键参考(与eclipse热键对比)
查找/代替
| Webstorm快捷键 | eclipse快捷键 | 说明 |
| ctrl+shift+N | ctrl+shift+R | 通过文件名快速查找工程内的文件(必记) |
| ctrl+shift+alt+N | ctrl+shift+alt+N | 通过一个字符快速查找位置(必记) |
| ctrl+F | ctrl+F | 在文件内快速查找代码 |
| F3 | ctrl+K | 查找下一个 |
| shift+F3 | ctrl+shift+K | 查找上一个 |
| ctrl+R | ctrl+F | 文件内代码替换 |
| ctrl+shift+R | 指定目录内代码批量替换 | |
| ctrl+shift+F | ctrl+H | 指定目录内代码批量查找 |
界面操作
| Webstorm快捷键 | Eclipse快捷键 | 说明 |
| ctrl+shift+A | ctrl+shift+A | 快速查找并使用编辑器所有功能(必记) |
| alt+[0-9] | alt+[0-9] | 快速拆合功能界面模块 |
| ctrl+shift+F12 | ctrl+shift+F12 | 最大区域显示代码(会隐藏其他的功能界面模块) |
| alt+shift+F | alt+shift+F | 将当前文件加入收藏夹 |
| ctrl+alt+s | ctrl+alt+s | 打开配置窗口 |
| ctrl+tab | ctrl+tab | 切换代码选项卡(还要进行此选择,效率差些) |
| alt+←/→ | alt+←/→ | 切换代码选项卡 |
| ctrl+F4 | ctrl+F4 | 关闭当前代码选项卡 |
代码编辑
| Webstorm快捷键 | Eclipse快捷键 | 说明 |
| ctrl+D | ctrl+shift+↑ | 复制当前行 |
| ctrl+W | alt+shift+↑ | 选中单词 |
| ctrl+←/→ | ctrl+←/→ | 以单词作为边界跳光标位置 |
| alt+insert | alt+insert | 新建一个文件或其他 |
| ctrl+alt+L | ctrl+alt+L | 格式化代码 |
| shift+tab/tab | shift+tab/tab | 减少/扩大缩进(可以在代码中减少行缩进) |
| ctrl+Y | ctrl+D | 删除一行 |
| shift+enter | shift+enter | 重新开始一行(无论光标在哪个位置) |
导航
| Webstorm快捷键 | Eclipse快捷键 | 说明 |
| esc | esc | 进入代码编辑区域 |
| alt+F1 | alt+F1 | 查找代码在其他界面模块的位置,颇为有用 |
| ctrl+G | ctrl+L | 到指定行的代码 |
| ctrl+]/[ | ctrl+]/[ | 光标到代码块的前面或后面 |
| alt+up/down | ctrl+shift+up/down | 上一个/下一个方法 |
WebStorm的更多相关文章
- Webstorm+Webpack+echarts构建个性化定制的数据可视化图表&&两个echarts详细教程(柱状图,南丁格尔图)
Webstorm+Webpack+echarts ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(I ...
- 使用webstorm+webpack构建简单入门级“HelloWorld”的应用&&引用jquery来实现alert
使用webstorm+webpack构建简单入门级"HelloWorld"的应用&&构建使用jquery来实现 1.首先你自己把webstorm安装完成. 请参考这 ...
- webstorm下载&&安装过程&&打开项目
一.webstorm下载 WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为"Web前端开发神器"."最强大的HT ...
- WebStorm 2016 最新版激活(activation code方式)
WebStorm 2016 最新版激活(activation code方式) WebStorm activation code WebStorm 最新版本激活方式: 今天下载最新版本的WebStorm ...
- webstorm license key
JetBrains WebStorm注册码 UserName: William License Key : ===== LICENSE BEGIN ===== 45550-12042010 00001 ...
- WebStorm 常用功能的使用技巧分享
WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅. 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大 ...
- Webstorm编译TypeScript
下载webstorm 下载node.js编译器npm Webstorm的安装很简单.但如果没有Java For Mac 环境打开Webstorm时会有提示,点击提示会跳转下载链接,下载安装就好. ...
- webstorm 常用快捷键
webstorm应该是目前最强的js编辑器了,结合sublime text可以很效率的开发项目.今天整理了一些webstorm比较实用的快捷键: Ctrl+/ 或 Ctrl+Shift+/ 注释(// ...
- WebStorm 2016.2.3的安装与汉化
WebStorm是一款功能出色的JavaScript开发工具.号称是""Web前端开发神器"."最强大的HTML5编辑器"."最智能的Jav ...
随机推荐
- SQL Tuning 基础概述05 - Oracle 索引类型及介绍
一.B-Tree索引 三大特点:高度较低.存储列值.结构有序 1.1利用索引特性进行优化 外键上建立索引:不但可以提升查询效率,而且可以有效避免锁的竞争(外键所在表delete记录未提交,主键所在表会 ...
- 【分布式】Zookeeper使用--Java API
一.前言 上一篇博客我们通过命令行来操作Zookeper的客户端和服务端并进行相应的操作,这篇主要介绍如何通过API(JAVA)来操作Zookeeper. 二.开发环境配置 首先打开Zookeeper ...
- JavaScript instanceof vs typeof
Use instanceof for custom typesvar ClassFirst = function () {};var ClassSecond = function () {};var ...
- WebComponent魔法堂:深究Custom Element 之 面向痛点编程
前言 最近加入到新项目组负责前端技术预研和选型,一直偏向于以Polymer为代表的WebComponent技术线,于是查阅各类资料想说服老大向这方面靠,最后得到的结果是:"资料99%是英语 ...
- TeamCity : 配置 Build 过程
Build 过程往往是比较复杂的,因此 TeamCtiy 通过 build 步骤的方式让您可以实现不同的应用场景.您可以在每个 build 步骤中只做一件事情,然后把一系列的 build 步骤组织起来 ...
- Unicode转义(\uXXXX)的编码和解码
在涉及Web前端开发时, 有时会遇到\uXXXX格式表示的字符, 其中XXXX是16进制数字的字符串表示形式, 在js中这个叫Unicode转义字符, 和\n \r同属于转义字符. 在其他语言中也有类 ...
- Redis简单案例(一) 网站搜索的热搜词
对于一个网站来说,无论是商城网站还是门户网站,搜索框都是有一个比较重要的地位,它的存在可以说是 为了让用户更快.更方便的去找到自己想要的东西.对于经常逛这个网站的用户,当然也会想知道在这里比较“火” ...
- 使用Setup Factory安装包制作工具制作安装包
在我们开发完软件后,除了极个别案例我们把整个目录复制给客户用外,我们一般都需要做成安装包,方便整个软件的部署操作,以安装包的部署操作可能简单的是复制文件,也可能包括一些注册表.数据库等额外的操作,不过 ...
- JAVA 读写Excel
ExcelUtil.java package pers.kangxu.datautils.utils; import java.io.File; import java.io.FileInputStr ...
- 微信小程序的认识和开发适用性
来源:三节课课堂笔记 小程序认知 初识小程序. 目前微信小程序包括各类公众号接口的情况: 那么微信拥有的功能产品和对应的互联网产品有哪些: 小程序相当于AppStore应用分发市场: ...