主题和配色
配置
配置分类
webstorm 的配置分为项目配置和全局配置,在打开一个项目的时候,会在项目根目录生成.idea 的隐藏文件夹,这个文件夹里保存的就是项目配置,而全局配置保存在文档目录,全局配置都可以导出。
通过 file > settings 打开配置窗口
全局配置
1 插件配置:Plugins
2 SVN、github 配置:Version Control
3 文件模板配置: Editor > File and Code Templates
项目配置
1 SVN、Git 配置
SVN 使用的是命令行工具,因此在 windows 下需要额外安装 svn 命令行软件,地址,通过这种方法暂时不能使用 1.9 format,只能使用更低的如 1.8 format。其实在安装了 TortoiseSVN 时,只要把 subversion > general 的所有勾去掉即可。
配置 github 的最后会弹出输入保存用户名和密码的数据进行密码保护的确认,建议点击 cancel 即可。
2 项目文件夹标记配置
在开发的时候,常常资源等信息并不是指向根目录,在书写资源路径的时候提示是不正确的,这时候就需要配置文件夹功能了。打开 Project > Directories 里打开
绿色的为测试目录,红色的为排除目录,蓝色的为资源根目录。设置 docs 和 node_modules 排除目录
3 项目代码检查
打开 Languages and Frameworks > JavaScript > Code Quality Tolls > JSHint 启用,默认配置即可。
4 CSS 预处理语言的预编译、JS 实时压缩
有了 webstorm,基本不需要 grunt、gulp 等前端开发辅助工具了,webstorm 内置的文件监听,可以完成常用的功能,如 CSS 预处理语言的预编译、JS 的实时压缩等。
打开 Tools > File Watchers,然后点击右边的加号开始新建即可
5 项目脚本库
打开 Languages and Frameworks > JavaScript > Libraries
快捷键
ctrl+/ 单行注释
ctrl+shift+/ 块注释
ctrl+shift+ +/- 展开/折叠
ctrl+alt+L 格式化代码
ctrl+shift+ up/down 上下移动句子
Alt+回车 导入包,自动修正
Ctrl+N 查找类
Ctrl+Shift+N 查找文件
Ctrl+Alt+L 格式化代码
Ctrl+Alt+O 优化导入的类和包
Alt+Insert 生成代码(如 get,set 方法,构造函数等)
Ctrl+E 或者 Alt+Shift+C 最近更改的代码
Ctrl+R 替换文本
Ctrl+F 查找文本
Ctrl+Shift+Space 自动补全代码
Ctrl+空格 代码提示
Ctrl+Alt+Space 类名或接口名提示
Ctrl+P 方法参数提示
Ctrl+Shift+Alt+N 查找类中的方法或变量
Alt+Shift+C 对比最近修改的代码
Shift+F6 重构-重命名
Ctrl+Shift+先上键
Ctrl+X 删除行
Ctrl+D 复制行
Ctrl+/ 或 Ctrl+Shift+/ 注释(// 或者/…/ )
Ctrl+J 自动代码
Ctrl+E 最近打开的文件
Ctrl+H 显示类结构图
Ctrl+Q 显示注释文档
Alt+F1 查找代码所在位置
Alt+1 快速打开或隐藏工程面板
Alt+2 快速打开或隐藏 favorites
Ctrl+Alt+ left/right 返回至上次浏览的位置
Alt+ left/right 切换代码视图
Alt+ Up/Down 在方法间快速移动定位
Ctrl+Shift+Up/Down 代码向上/下移动。
F2 或 Shift+F2 高亮错误或警告快速定位
代码标签输入完成后,按 Tab,生成代码。
选中文本,按 Ctrl+Shift+F7 ,高亮显示所有该文本,按 Esc 高亮消失。
Ctrl+W 选中代码,连续按会有其他效果
选中文本,按 Alt+F3 ,逐个往下查找相同文本,并高亮显示。
Ctrl+Up/Down 光标跳转到第一行或最后一行下
Ctrl+B 快速打开光标处的类或方法
参考: