code-server中开发vue项目遇到IOPS飙高问题

以前我只知道导致ip飙升的是vue-cli-service进程,只知道杀掉它就能让io正常,但是我不知道根本原因,这次我又遇到这个问题了,是在打包时npm run build。最终在网上找到了原因,是内存太小了,我的阿里云服务器才4G。设置一下交换分区就好了,可以参考这篇文章http://www.manongjc.com/detail/63-lpyscexbnnenuxs.html,亲测可用,感谢作者:)

-----------------分割线-------------------------------
交代一下背景,自从几个月再次在阿里云上部署code-server后,我深深地喜欢上了用code-server开发前端项目,我觉得这种方法完全可以跨设备,不用再把开发限制在某一台计算机上,只要能联网,有浏览器,走到哪里都能开发,说到底我就是把阿里云服务器当成了开发机。当然了如果你喜欢用ssh连接服务器,也能达到这种效果,不过前端一般都喜欢使用vsc开发,而不是用vim。还有就是如果是开发微信小程序项目,那没办法还是用本机吧。

说的有点多了,这里其实要说的是在npm run serve时,我遇到过一个很诡异的问题,就是服务器卡死,服务器根本进不去。此时会看到code-server连接失败,该服务器上的别的页面也访问不了。这种问题我遇到过至少两次了,确切的说应该是3次,好像。去阿里云控制台中看监控,发现IOPS很高,已经达到了涨停板了,开玩笑,嘻嘻,如下图

在这里插入图片描述
我只能猜测是因为开发模式下监控了文件系统的变化,而监控变化当然要io,可能因为监控变化的代码有bug,这种问题我没办法也没时间从根本上解决。我能解决的就是让它降下来,以后再遇到还是这样做。

我以前遇到时的做法时,直接通过阿里云服务器控制台重启服务器,这样就自然而然解决了。但是,因为我比较懒也比较菜,并没有把服务器上运行的程序做成系统启动时自动启动,因此重启服务器后,自己要一个一个启动它们。

这次我不想这样了,因为我已经不知道我运行了什么程序,有wordpress、有禅道、有不记得了:(,所以我这次选择尝试用ssh连接服务器,杀掉npm run serve启动的进程,运气好,竟然连接上了,我执行ps nef | grep vue-cli-service,找到进程号,然后执行kill -9 xxxx。然后结果就是上图的指标下降了,真是立竿见影啊!

如果有用,请点赞啊,嘻嘻:)

有适合我的私活,可以联系我啊,嘿嘿,看这里

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
使用vue-codemirror在vue项目可能会遇到一些问题。以下是一些可能的问题和解决方案: 问题1:导入vue-codemirror时出现错误。 解决方案:确认是否正确导入了vue-codemirror,并且检查导入路径是否正确。还可以尝试使用npm/yarn命令重新安装vue-codemirror,确保安装过程没有出错。 问题2:vue-codemirror不显示或样式异常。 解决方案:首先,检查vue-codemirror组件是否正确添加到Vue实例。其次,检查是否正确引入了相关的CSS文件。另外,可以尝试通过调整组件的父容器的样式来解决显示问题问题3:vue-codemirror无法读取或设置代码内容。 解决方案:确保正确绑定了代码内容的变量,例如使用v-model指令。还应检查是否正确设置了代码内容的选项,例如mode和value。 问题4:vue-codemirror无法监听代码修改。 解决方案:确认是否使用了正确的事件监听机制,例如使用@change或@input事件。另外,还可以尝试使用watch选项来监听代码内容的变化。 问题5:vue-codemirror的代码高亮或语法提示不起作用。 解决方案:确认是否正确设置了代码高亮或语法提示所需的选项,例如mode和options。还可以尝试更新vue-codemirror的版本,以便获得更好的语法支持。 总之,在使用vue-codemirror时,应该仔细检查导入、添加组件、样式设置、事件监听和选项配置等步骤,以确保能够正常使用和正确地显示代码编辑器组件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值