Webstorm使用

Webstorm 中 css 格式化写成横排

在 Setting > Editor > Code Style > CSS > [other] > [Kepp single-line blocks]


Webstorm使用_第1张图片
不选中,一条属性一行
Webstorm使用_第2张图片
选中,全部压缩到一行

Vue 项目加载第三方组件提示

进入node_modules目录下,找到第三方组件的依赖,把组件加入idea/webstorm 索引


Webstorm使用_第3张图片
因为vue项目里的node_modules目录下依赖太多,打开vue项目可能会导致卡死,导致很多人会设置此文件夹排除再idea/webstorm索引之外,这就是点不进第三方组件源码的原因

Webstorm 使用项目 eslint 规则

对项目中的 .eslintrc.js 文件右键选择 Apply ESLint Code Style Rules 即可

Webstorm使用_第4张图片

Webstorm 去掉末尾分号警告 Unterminated statement more

Webstorm使用_第5张图片

你可能感兴趣的:(Webstorm使用)