刚开始在使用webstrom的时候,不知道快捷方式,感觉自己把webstorm当做记事本使用,真的挺傻的,在朋友的指导下,原来webstorm有快捷方式

一、界面操作

       

快捷键 说明
ctrl+shift+N 通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N 通过一个字符快速查找位置(必记)
ctrl+F 在文件内快速查找代码
F3 查找下一个
shift+F3 查找上一个
ctrl+R 文件内代码替换
ctrl+shift+R 指定目录内代码批量替换
ctrl+shift+F 指定目录内代码批量查找
ctrl+R 文件内代码替换
快捷键 说明
ctrl+shift+A 快速查找并使用编辑器所有功能(必记)
alt+[0-9] 快速拆合功能界面模块
ctrl+shift+F12 最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+F 将当前文件加入收藏夹
ctrl+alt+s 打开配置窗口
ctrl+tab 切换代码选项卡(还要进行此选择,效率差些)
alt+<-或-> 切换代码选项卡

界面操作

快捷键 说明
ctrl+shift+N 通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N 通过一个字符快速查找位置(必记)
ctrl+F 在文件内快速查找代码
F3 查找下一个
shift+F3 查找上一个
ctrl+R 文件内代码替换
ctrl+shift+R 指定目录内代码批量替换
ctrl+shift+F 指定目录内代码批量查找
ctrl+R 文件内代码替换

代码编辑

快捷键 说明
ctrl+shift+A 快速查找并使用编辑器所有功能(必记)
alt+[0-9] 快速拆合功能界面模块
ctrl+shift+F12 最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+F 将当前文件加入收藏夹
ctrl+alt+s 打开配置窗口
ctrl+tab 切换代码选项卡(还要进行此选择,效率差些)
alt+<-或-> 切换代码选项卡
ctrl+F4 关闭当前代码选项卡

导航

快捷键 说明
ctrl+D 复制当前行
ctrl+W 选中单词
ctrl+<-或-> 以单词作为边界跳光标位置
alt+Insert 新建一个文件或其他
ctrl+alt+L 格式化代码
shift+tab/tab 减少/扩大缩进(可以在代码中减少行缩进)
ctrl+Y 删除一行
shift+enter 重新开始一行(无论光标在哪个位置)

 

快捷键 说明
esc 进入代码编辑区域
alt+F1 查找代码在其他界面模块的位置,颇为有用
ctrl+G 到指定行的代码
ctrl+]/[ 光标到代码块的前面或后面
alt+up/down 上一个/下一个方法
快捷键 说明
ctrl+C 提交代码
ctrl+p 向远程版本库推送更新
ctrl+G 到指定行的代码
ctrl+]/[ 光标到代码块的前面或后面
alt+up/down 上一个/下一个方法

2、webstorm快捷键:

IntelliJ-Idea 的快捷键

Ctrl+/ 或 Ctrl+Shift+/

注释(// 或者/*…*/ )

Shift+F6

重构-重命名

Ctrl+X

删除行

Ctrl+D

复制行

Ctrl+G

查找行

Ctrl+Shift+Up/Down

代码向上/下移动。

F2 或Shift+F2

高亮错误或警告快速定位

写代码,按Tab

生成代码

选中文本,按Ctrl+Shift+F7

高亮显示所有该文本,按Esc高亮消失。

Ctrl+B

快速打开光标处的类或方法

Ctrl+E

最近打开的文件

Alt+F1

查找代码所在位置

Ctrl+Alt+L

格式化代码

Ctrl+R

替换文本

Ctrl+F

查找文本

Ctrl+P

方法参数提示

Ctrl+shift+c

拷贝文件路径

Ctrl+alt+shift+c

拷贝相关数据 包括路径和所在行

Ctrl+shift+v

从历史记录中粘贴

ctrl+Y

删除整行

ctrl+shift+enter

新建行

ctrl+alt+enter

在当前行前面新建行

3、zencoding-输入左边缩写,按下tab键就ok啦

html:5

html5结构

link:css

引入css

script:src

引入js

script

html中插入js

ul+

ul及一个li

a:link

<a href=”http://”></a>

a:mail

<a
href=”mailto:“></a>

form:get

get表单

input:hidden

hidden输入框

div#name

id:name

div.name

class:name

div.one.two

class:one,two

head>link:css

head加link

p+p

两个p

p*3

3个p

ul>li.item$*6

创建ul下有个li同时class分别为item1,item2.。。

pos

postion,组合可用pos:s|a|r|f

t

top,组合a auto

r

right,组合 a

l

left

b

bottom

z

z-index

fl

float

cl

clear

d

display 组合可用n|b|i|ib

v

visibility

ov

overflow

zoo

zoom:1

cp

clip

bx

box-sizing

bxsh:w

-webkit-box-shadow:
0 0 0 #000;

3、window快捷键

 

序号

快捷键

功能

1

Windows+ “Space”

透明化所有窗口,快速查看桌面

2

Windows+ “↑”

使当前使用的窗口最大化

3

Windows+ “←”

使当前使用中的窗口贴向屏幕左侧,只占用50%的显示器面积。

4

Windows + Shift+ “→”

跨显示器右移窗口s

5

Windows + Home

突出显示当前窗口。最小化其他的非当前使用中的窗口

6

Windows + R

打开运行。

7

CTRL+T

功打开新标签。

8

Window+d

最小化所有窗口

9

window+f

搜索文件夹

10

window+e

打开资源管理器

11

ctrl+n

新建文件夹

12

ctrl+o

打开“打开文件”的对话框

13

ctrl+p

打印

14

ctrl+shift+l

word中自动编号

15

ctrl+k

word中自动添加超链接

这些是自己在网上找到的材料,我把它总结下来,希望能帮助刚开始学前段的朋友,快速的入门,以及快速的从事前端页面的开发中

webstorm快捷方式的更多相关文章

  1. 探索版 webstorm快捷方式

    ctrl + alt + s            打开配置面板 Settings   国内的资料比较少,大概很多人已经放弃了原生快捷方式,不过我打算通关原生快捷方式.   在配置面板中  IDE S ...

  2. webstorm使用教程

    Webstorm 超实用配置教程 原文来自:http://www.jianshu.com/p/4ce97b360c13 一.下载安装包 Webstorm 2017.1.4 百度云盘下载地址:https ...

  3. webstorm累计

    websorm官网下载安装: 1.一下粗略截图说明,点击下一步下一步安装到合适的路径下. 2.next下一步下一步安装成功后弹出,点击ok就行. 2.再次运行webstorm快捷方式打开:界面如下: ...

  4. webstorm使用说明

    1.移动光标到的代码块的结尾处(开始处 [ )      ctrl+] 2.移动光标到的代码块的结尾处并选择   ctrl+shift+] 3.ctrl + b: 跳到变量申明处 4.多光标输入:  ...

  5. WebStorm安装和激活

    1.下载解压,得到jetbrains webstorm 2018.2主程序,破解文件和中文语言包: 2.运行“WebStorm-2018.2.exe”开始安装,默认安装目录[C:\Program Fi ...

  6. Ubuntu+VMWare 学习中遇到的问题

    1. 虚拟机中Ubuntu分辨率 / 设置分辨率出现Unknown Display VMware中Ubuntu 出现Unknown Display问题解决 1.1 命令无法保存分辨率设置: xrand ...

  7. ubuntu为IDE(Eclipse WebStorm)添加桌面快捷方式

    在ubuntu15.10环境配置webstorm和eclipse的时候会下载官网上编译好的包, bin目录下面会有一个.sh文件(linux版本), 那么一般情况下,执行 ./sh就会启动IDE, 但 ...

  8. webstorm常用功能快捷方式

    1 自动注释和撤销注释:ctrl+/ 在一句代码前面用 ctrl+/ 可以自动注释和撤销注释,js,html都可以,很好的省去了敲注释符的时间 (mac下为command+/,下同) 2 自动补全ht ...

  9. webstorm基础使用总结

    webstorm基础使用总结(不仅仅是一堆快捷方式) 注:原文链接: 水车 :  本次写的内容是我想到那个就写那个,都是本人平时写代码的时候的一些习惯,未必是最好的,贵在交流! 1:  shift+e ...

随机推荐

  1. linux中配置Java环境

    一. 下载JDK 下载linux版本的jdk32(64) 二. 需要配置的环境变量 1. PATH环境变量.作用是指定命令搜索路径,在shell下面执行命令时,它会到PATH变量所指定的路径中查找看是 ...

  2. 树莓派(Rospberry Pi B+)到货亲測

    1 图鉴 Rospberry Pi  B+最终在今天下午有蜗牛快递公司圆*送到了.B+主要是添加了2个USB,添加了GPIO,sd卡换成了micro sd ...先不说直接上图再说,期待了好久好久 w ...

  3. HDInsight-Hadoop实战(一)站点日志分析

    HDInsight-Hadoop实战(一)站点日志分析 简单介绍 在此演示样例中.你将使用分析站点日志文件的 HDInsight 查询来深入了解客户使用站点的方式.借助此分析.你可查看外部站点一天内对 ...

  4. C#获取内存图像数据流的方法

    背景:有的时候我们已经得到一个图像的内存对象,如Bitmap对象,我们想要获取到这个对象的数据流,可以将其序列化到磁盘上,并且也可以反序列化为内存对象,这个时候就有了如题的问题出现,我搜遍全网就是没有 ...

  5. Java bit、byte、位、字节、汉字、字符

    package com.suypower.chengyu.test; public class ByteTest { /** * byte 8 bits -128 - + 127 * 1 bit = ...

  6. asp遇到的一些问题

    1.伪静态问题...后台设置支持, 2.数据库链接错误,也就是说  .net 功能冲突,要后台关闭 3.本机也可以设置 iis服务器 win7配置自己的IIS服务器亲自做的图文很详细 http://j ...

  7. Java基础知识强化之IO流笔记39:字符流缓冲流之复制文本文件案例01

    1. 字符流缓冲流之复制文本文件案例 需求:把当前项目目录下的a.txt内容复制到当前项目目录下的b.txt中 数据源: a.txt -- 读取数据 -- 字符转换流 -- InputStreamRe ...

  8. 客户端脚本语言javascript

    2015.11.27  客户端脚本语言javascript. (叫这个名字的原因.想要攀高枝,希望变得和他一样通用.关于名字之间的关系类似于雷锋和雷峰塔,巴基斯坦和卡巴斯基,苏格拉底跟格拉苏蒂的关系一 ...

  9. Scala中class和object的区别

    1.class scala的类和C#中的类有点不一样,诸如: 声明一个未用priavate修饰的字段 var age,scala编译器会字段帮我们生产一个私有字段和2个公有方法get和set ,这和C ...

  10. tcl/tk实例详解——glob使用例解

    glob命令 这里以实例的形式解释一下glob命令的用法,很多时候纯粹的语法讲解根本讲不清楚,往往没有一个例子清晰,一下就glob命令进行一些分析,环境为Tclsh85,操作系统为windows XP ...