鑫合易家前端培训

项目介绍

计划通过培训，提高童鞋们的前端水平，包括html,css,js

##########################################################################################

    webstrom快捷键

##########################################################################################

1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。
2. ctrl + j: 输出模板
3. ctrl + b: 跳到变量申明处
4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)
5. ctrl + []: 匹配 {}[]
6. ctrl + F12: 可以显示当前文件的结构
7. ctrl + x: 剪切(删除)行，不选中，直接剪切整个行，如果选中部分内容则剪切选中的内容
8. alt + left/right:标签切换
9. ctrl + r: 替换
10. ctrl + shift + up: 行移动
11. shift + alt + up: 块移动(if(){},while(){}语句块的移动)
12. ctrl + d: 行复制
13. ctrl + shift + ]/[: 选中块代码
14. ctrl + / : 单行注释
15. ctrl + shift + / : 块注释
16. ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息
17. ctrl + ‘-/+’: 可以折叠项目中的任何代码块，它不是选中折叠，而是自动识别折叠。
18. ctrl + ‘.’: 折叠选中的代码的代码。
19. shift + esc: 当前激活的任意小窗口最小化，也可以是alt+数字键，数字在小窗口有显示。
20. alt + ‘7’: 显示当前的函数结构。
21. 如果是*.html页面，则在文件名下的导航栏某DOM结构上右键，可以全选当前DOM结构。

默认配置下的常用快捷键 查找/代替

快捷键

说明 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 上一个/下一个方法

##########################################################################################

    ps快捷键

##########################################################################################

自由变换 Control + T Command + T

减小画笔大小 [

增加画笔大小 ]

减小画笔硬度 {

增加画笔硬度 }

默认前景色/背景色 D

切换前景色/背景色 X

通过拷贝新建图层 Control + J Command + J

通过剪切新建图层 Shift + Control + J Shift + Command + J

添加到选区 任何选择工具 + Shift 键并拖移

删除画笔或色板 按住 Alt 键并单击画笔或色板 按住 Option 键并单击画笔或色板

使用移动工具切换自动选择 按住 Ctrl 键并单击 按住 Command 键并单击

取消所有模态对话框窗口（包括智能工作区） Esc

选择工具栏的第一个编辑域 Enter Return

在域之间导航 Tab

在域之间反方向导航 Tab + Shift

将“取消”更改为“复位” Alt Option

使用同一快捷键循环切换工具 按住 Shift 并按快捷键（如果选中“使用 Shift 键切换工具”首选项）

循环切换隐藏的工具 按住 Alt 键并单击工具（添加锚点、删除锚点和转换点工具除外） 按住 Option 键并单击工具（添加锚点、删除锚点和转换点工具除外）

移动工具 V

矩形选框工具† 椭圆选框工具 M

套索工具 多边形套索工具 磁性套索工具 L

魔棒工具 快速选择工具 W

裁剪工具 切片工具 切片选取工具 C

吸管工具† 颜色取样器工具 标尺工具 注释工具 I

污点修复画笔工具 修复画笔工具 修补工具 红眼工具 J

画笔工具 铅笔工具 颜色替换工具 混合器画笔工具 B

仿制图章工具 图案图章工具 S

历史记录画笔工具 历史记录艺术画笔工具 Y

橡皮擦工具† 背景橡皮擦工具 魔术橡皮擦工具 E 渐变工具 油漆桶工具 G

减淡工具 加深工具 海绵工具 O

钢笔工具 自由钢笔工具 P

横排文字工具 直排文字工具 横排文字蒙版工具 直排文字蒙版工具 T

路径选择工具 直接选择工具 矩形工具 圆角矩形工具 椭圆工具 多边形工具 直线工具 自定形状工具 U

抓手工具† H

旋转视图工具 R

缩放工具† Z

默认前景色/背景色 D

切换前景色/背景色 X

切换标准/快速蒙版模式 Q

内容识别移动工具 J

透视裁剪工具 C

画板工具 V

旋转视图工具 R

切换保留透明区域 /（正斜杠）

减小画笔硬度 {

增加画笔硬度 }

渐细画笔 ,

渐粗画笔 .

最细画笔 <

最粗画笔 >