webstorm入门


主题和配色

sublime 主题

配置

配置分类

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 快速打开光标处的类或方法

参考:

webstorm 入门 2-配置


文章作者: Angus
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Angus !
  目录