前言 ¶

人们常说磨刀不误砍柴工，本篇主要介绍用idea(webstrom)配置和断点调试

webstrom或者idea ¶

settings-> plugins -> 安装Prettier插件

搜索Prettier

格式化文件配置

{**/*,*}.{js,ts,jsx,tsx,vue,json,scss,less}

开启eslint ¶

settings-> 搜索eslint

应用保存即可，此时当你保存时，会自动格式化代码

解决webstrom或idea卡顿问题 ¶

有些同学总是说idea好卡，不好用，那是因为idea一些默认配置导致的，下面我们来说说

配置保存策略，移除实时保存 ¶

实时保存会造成电脑硬盘性能损耗过大，让后卡顿

如何设置？ ¶

打开webstorm页面，在“File” >> “Settings” >> “Appearance & Behavior” >> “system settings”

第一个：激活当前窗口时保存 第二个：切换到其他窗口时保存 第三个：设定一个时间自动保存 第四个：安全写入,这个选项会不停的保存源文件

设置编辑器内存 ¶

编辑器内存太小，会造成卡顿 ，建议不小于2048

idea重启生效

文件未保存“*”号实现 ¶

“*” 有助于判断哪些文件没有进行保存

如何设置？ ¶

“Editor”>>“General”>>“Editor Tabs”

勾选 Mark modifed(*) 选项

开启内存显示 ¶

开启内存显示，有助于第一时间判断卡顿原因，是不是内存满了

如何设置？ ¶

双击两次shift，搜索 Show Memory Indicator 开启就行

此时右下角出现内存使用数字

webstrom 断点调试 ¶

webstrom的断点调试较为简单

启动项目 ¶

npm run dev

得到 ""localhost:3001"/ 访问链接

点击edit configurations ¶

添加debug ¶

运行调试按钮即可调试 ¶