WebStorm 使用

Sublime 很强大,但是在项目越来越大而复杂的时候,会显得力不从心。比如函数追踪功能的确实,找个创建函数的地方很麻烦

这时候就该 WebStorm 出场了

0、无法输入中文句号、顿号等是 JDK 的问题,要解决需要将 Mac 自带的 JDK 降级(无需要可以不管他)。

  启动后会扫描项目目录建立索引,node_modules 目录文件太多,需要排除:右键 > Mark Directory As > Excluded。

  项目目录中会生成一个 .idea 目录,删除这个目录即可删除 webstorm 中的项目

1、侧边栏文件名颜色问题:当项目为 git 进行版本控制的时候,文件的不同状态会有颜色,默认的很难看。在这个位置配置各种颜色。通常这里的配置需要重启才能生效

WebStorm 使用

2、WebStorm 具有自动保存的功能,通常喜欢手动保存,那么进行以下配置

WebStorm 使用

首先取消自动保存

WebStorm 使用

勾选这个选项后,文件变动而未保存,文件名前面才会出现星号,否则没有什么明显的提示

3、ESLint 进行代码校验:首先全局和项目内都安装好 ESLint 配置好 node 的路径,和 eslint 的路径即可。语法有问题的地方,会有下波浪线提示。使用 alt + shit + i 也能进行当前文件的语法校验。

WebStorm 使用

4、开启自动换行

WebStorm 使用

5、修改 Emmet 快捷键

WebStorm 使用

6、多列显示的方法:在 tab 上右键,选择 open new tab... ;不同列之间移动 tab 不能拖动,只能右键选择 Move to opposite group

最后,导出设置:File > Export Settings导出用户设置;导出后的配置以jar包的形式存在,导入也同样简单,File > Import Settings,选择jar包导入成功后,重启WebStorm就大功告成了

常用快捷键:

alt + shit + i  代码检测

ctrl + z | ctrl + shift + z  撤销和重做

ctrl + d  复制当前行

ctrl + x 删除当前行

ctrl + shift + ↑|↓  移动当前块(不只是当前行,比如一个对象字面量采用多行的写法,会整个移动)

win + g  用来选中多个相同的元素,同 Sublime 的 ctrl + d

自己修改的配置文件,鲜明的配色和贴合 Sublime 使用习惯的快捷键:

http://pan.baidu.com/s/1dFsgv8d

上一篇:两种方法实现用CSS切割图片只取图片中一部分


下一篇:使用Phabricator进行代码审查