WebStorm 使用

Posted 2020-07-28 这个男人来自三体

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

这时候就该 WebStorm 出场了

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

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

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

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

 

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

首先取消自动保存

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

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

4、开启自动换行

5、修改 Emmet 快捷键

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

7、修改文件解析的类型：新建了一个文件，扩展名用错了，修改扩展名后 webstorm 语法解析不能自动变成扩展名的语法，需要在 File ->Associate with File Type... 中修改

 

最后，导出设置：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