当前位置： 首页 > news >正文

vscode使用F5启动vue项目调试

news 来源：原创 2024/5/7 20:25:09

完成该配置在启动调试时就无须在终端敲npm命令或者找package.json文件去点击script上的三角按钮了，非常方便

在debug项添加launch.json文件

在这里插入图片描述

选择Node.js环境

在这里插入图片描述

删除program配置

这个是启动项目识别的入口文件，默认把当前聚焦的文件作为入口，项目整体启动调试的话不需要该配置
在这里插入图片描述

添加运行命令与执行器配置

可以通过修改命令配置使F5自动运行其他脚本，如 npm run serve

"runtimeArgs": [
                "run",
                "dev"
            ],
"runtimeExecutable": "npm",

在这里插入图片描述

此时配置完成，可体验F5一键启动项目调试

多出.vscode目录，提交上库

此时工程根目录下会多出.vscode目录，launch.json文件就在该目录下，将配置提交上库
在这里插入图片描述

在gitignore中添加.vscode忽略，防止误改覆盖

在这里插入图片描述

相关文章：

  • Object.assign()方法合并两个js对象
  • git----暂存变更和恢复暂存的变更
  • pull/push时提示The requested URL returned error: 403
  • RESTFUL接口文档设计指南
  • JS用forEach遍历数组时无法用return退出
  • Element——el-table给所有的row和column数据加上索引
  • 使用ElementUI开发的情况下，多使用Layout布局
  • Element——el-table单元格无法设置外边距，只能通过border-width实现间隔效果
  • 分支开发模式Git常用操作
  • /deep/和 ＞＞＞以及 ::v-deep 三者的区别
  • Vue——子组件中引入父组件
  • Vue——$attrs和$listeners
  • JS代码优化技巧——持续更新
  • 文字居于div底部的方式
  • Element——el-table设置单元格间距
  • 分享的文章《人生如棋》
  • 【译】React性能工程(下) -- 深入研究React性能调试
  • 77. Combinations
  • hadoop集群管理系统搭建规划说明
  • JavaScript/HTML5图表开发工具JavaScript Charts v3.19.6发布【附下载】
  • JavaScript工作原理（五）：深入了解WebSockets，HTTP/2和SSE，以及如何选择
  • js对象的深浅拷贝
  • nodejs调试方法
  • Object.assign方法不能实现深复制
  • Promise面试题2实现异步串行执行
  • 技术：超级实用的电脑小技巧
  • 如何在GitHub上创建个人博客
  • 提升用户体验的利器——使用Vue-Occupy实现占位效果
  • 通过npm或yarn自动生成vue组件
  • 一个普通的 5 年iOS开发者的自我总结，以及5年开发经历和感想！
  • 用Canvas画一棵二叉树
  • 分布式关系型数据库服务 DRDS 支持显示的 Prepare 及逻辑库锁功能等多项能力 ...
  • 教程：使用iPhone相机和openCV来完成3D重建（第一部分） ...
  • 如何通过报表单元格右键控制报表跳转到不同链接地址 ...
  • ​LeetCode解法汇总2696. 删除子串后的字符串最小长度
  • #define与typedef区别
  • （附源码）springboot 房产中介系统 毕业设计 312341
  • （每日持续更新）信息系统项目管理（第四版）（高级项目管理）考试重点整理 第13章 项目资源管理（七）
  • （三）Hyperledger Fabric 1.1安装部署-chaincode测试
  • (原創) 博客園正式支援VHDL語法著色功能 (SOC) (VHDL)
  • (中等) HDU 4370 0 or 1，建模+Dijkstra。
  • （转）总结使用Unity 3D优化游戏运行性能的经验
  • .bat批处理（十）：从路径字符串中截取盘符、文件名、后缀名等信息
  • .bat批处理（四）：路径相关%cd%和%~dp0的区别
  • .desktop 桌面快捷_Linux桌面环境那么多，这几款优秀的任你选
  • .net 中viewstate的原理和使用
  • .NET/C# 获取一个正在运行的进程的命令行参数
  • .net流程开发平台的一些难点（1）
  • .NET与 java通用的3DES加密解密方法
  • .sh文件怎么运行_创建优化的Go镜像文件以及踩过的坑
  • @cacheable 是否缓存成功_让我们来学习学习SpringCache分布式缓存，为什么用？
  • @DependsOn：解析 Spring 中的依赖关系之艺术
  • [].slice.call()将类数组转化为真正的数组
  • [acm算法学习] 后缀数组SA
  • [ai笔记4] 将AI工具场景化，应用于生活和工作