安装 phpstorm 后的设置

隐藏编辑器中的浏览器图标

Tools - Web Browsers - Show browser popup in the editor ,去掉前面的勾。

函数提示

Editor > General > Appearance > parameter name hints ,或搜索 parameter name hints,去掉前面的勾。

Inotify监视限制

  1. Add the following line to either /etc/sysctl.conf file or a new *.conf file (e.g. idea.conf) under /etc/sysctl.d/ directory:
fs.inotify.max_user_watches = 524288
  1. Then run this command to apply the change:
sudo sysctl -p --system

And don’t forget to restart your IDE.

javascript 分号 ; 输入提示

Editor - Code Style - JavaScript - Punctuation ,把 Use 改为 Don't use semicolon …。

隐藏 面包屑

Editor > General > Breadcrumbs > Show breadcrumbs 去掉前面的勾。

取消 phpstorm 自动保存功能

npm run watch 会监视文件变化,并将保存后的文件编译。但有时候在开发中,系统将有还没有完成的代码也自动保存,导致编译失败,并使 npm 无法继续监视文件,因此关闭。

Editor - General - Editor Tabs - Mark modified tabs with asterisk 勾上,Appearance & Behavior - System Setting ,将右边 Save files on frame deactivationSave files automatically if application is idle for 15 sec. 前面的对勾去掉。

在 WebStorm 中,配置能够识别 Vue CLI 3 创建的项目的别名 alias @

webstorm webpack 直接引入文件 项目目录/node_modules/@vue/cli-service/webpack.config.js 即可。