webstorm小技巧

388 阅读1分钟

前言

有些强迫症,用webstorm的时候报一些警告很烦人,或者一些正则的格式不喜欢,特此记录一下; 以下都是比较简单的操作

1.webstorm 取消俩个等号报警告

image.png

找到 file >> settings >>Editor >> inspections >> javascript >> probable bugs >> 如下图 把对号取消即可
image.png

当然右侧是配置项,具体看个人习惯 image.png

如果不是迫不得已,还是用三个===比较好

2.正则的或 自带斜体

找到 file >> settings >>Editor >> Color scheme >> RegExp >> Operator character 把右上角的 italic 取消即可 当然也可以改颜色什么的,右侧就是配置项 前端的同学看这些应该比较熟悉

如下图 image.png

3 显示show npm script

找到你的项目 >> 右键package-json >> Show npm Script

image.png

最左侧侧边栏有 npm 看下图 点击npm 就可以启动了

image.png

image.png

第一次启动后 这时候底栏会出现 当然用Terminal 启动 输入命令行也是比较快的

image.png

4 ESlint 自动调整

右键 下拉后出现这个 点击一下 eslint 自动就格式化好了 image.png

5 有些组件引进来如果没有删除的话

image.png 找到 code (和上文file 在一行) 如下图 点击一下就好了 或者快捷键 image.png

在提交git 时候 勾选一下 就把这些无用的引入 删除了 image.png

6 history 历史

显示你代码的本地历史不过多赘述,一用就明白,,应该很多人都在用吧 image.png

image.png

ctrl + shift + v 本地复制的历史记录

image.png

win10自带的复制历史记录 win + v 也挺好用的

6 快速console.log

tip.gif

7 重命名

shift + f6

8 webstorm 2019.3

复制这段内容后打开百度网盘App,操作更方便哦。 链接:pan.baidu.com/s/1GaPm_b7u… 提取码:o49p