idea,webstorm,vscode运行vue项目 oom解决办法

项目其实是运行在node上的,要给node扩大点内存才可以。

1. 找到 node_modules/.bin/webpack-dev-server.cmd 文件

2. 添加 -max-old-space-size=4096 

3. 重启项目

4. 起飞

### 如何在 WebStorm运行 Vue 项目 为了成功配置并启动基于 Vue 的应用程序,在 WebStorm 环境下操作,需遵循特定设置流程[^2]。 #### 安装依赖项 确保已安装 Node.js 和 npm 或 yarn。打开终端窗口(可通过 WebStorm 内置工具栏访问),切换到项目根目录,并执行命令来安装必要的包: ```bash npm install # or yarn install ``` #### 配置开发服务器 通常情况下,默认会使用 `http://localhost:8080` 作为本地服务地址。然而,实际使用的端口号取决于具体应用的配置文件中的设定。如果需要更改默认端口,可以在 package.json 文件内的 scripts 节点调整 serve 命令参数。 #### 启动开发环境 完成上述准备工作之后,可以通过以下方式开启开发模式下的热重载功能: ```bash npm run serve # or yarn serve ``` 此时浏览器应自动跳转至指定 URL 地址,显示正在构建的应用界面;如果没有,则手动输入之前提到的服务路径进入查看效果。 #### 使用 WebStorm 进行调试 对于希望利用 IDE 提供的强大特性来进行更深入分析的情况来说,可以按照如下方法启用断点跟踪等功能: - 打开 Run/Debug Configurations 对话框; - 添加新的 JavaScript Debugging Profile; - 将 URL 设置为你所知道的应用正监听的那个位置,比如 `http://localhost:8080`。 通过以上步骤即可实现在 WebStorm 下顺利搭建起一个完整的 Vue 开发工作流。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值