使用webstorm调试vue 2 项目

学习目标:

使用webstorm调试vue 2 项目
笔者环境:
npm 6.14.12
webstorm 2023.1
vue 2

学习内容:

例如:

  1. 正常启动npm 项目

  2. 配置javaScruot dubug
    配置你的项目地址就好
    在这里插入图片描述

  3. 使用dubug运行你配置的调式页
    在这里插入图片描述

  4. 问题
    如果进入了js页无法进入vue 页
    1.查看settting 的vue.js插件是否安装
    2.查看webpack.conf.js文件是否配置了devtool:“eval-source-map”,如果还是不行可以替换"cheap-module-eval-source-map"


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/374459.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

电力负荷预测 | 基于LSTM、TCN的电力负荷预测(Python)

文章目录 效果一览文章概述源码设计参考资料效果一览 文章概述 电力负荷预测 | 基于LSTM、TCN的电力负荷预测(Python) 源码设计 #------------------

手持三维激光扫描仪市场分析:预计2029年将达到242亿元

手持式三维激光扫描仪行业市场如何?目前市场上手持三维激光扫描仪的品牌和型号众多,主要的生产厂商有FARO、Trimble、Leica、Creaform等。不同厂商生产的手持三维激光扫描仪的价格、性能、适用领域等各不相同,其产品在建筑、制造、文化遗产保护等领域的…

Stable Diffusion 模型下载:majicMIX lux 麦橘辉耀 - V3

文章目录 模型介绍生成案例案例一案例二案例三案例四案例五案例六案例七案例八案例九案例十 下载地址 模型介绍 非常推荐的一个非常绚丽的科幻、梦幻、玄幻般的大模型,由国人“Merjic”发布,下载量颇高。这个模型风格炸裂,远距离脸部需要inp…

canvas缩放坐标系(scale)

查看专栏目录 canvas实例应用100专栏,提供canvas的基础知识,高级动画,相关应用扩展等信息。canvas作为html的一部分,是图像图标地图可视化的一个重要的基础,学好了canvas,在其他的一些应用上将会起到非常重…

CodeBus 有问必答板块 自问自答 关于devc++ 开发图形库 DirectX9的流程说明。

2024年了,Direct12年代,不建议使用Direct9。因为有些功能,函数已经废弃。 这里只是展示devc如何使用add as library 功能,和Direct9的素材集合。没啥用。差不多当一个赛博博物馆吧。 官方Direct9文档 Direct3D 9 编程指南 - Wi…

JVM垃圾回收机制及调优工具Arthas的使用

文章目录 1、JVM垃圾回收机制1.1 针对的内存区域1.2 怎么判断对象是否可以被回收?1.3 垃圾收集算法1.3.1 **标记-清除(Mark-Sweep)**1.3.2 复制(Copying)1.3.3 标记-整理(Mark-Compact)1.3.4 分…

github和gitee

github GitHub是一个面向开源及私有软件项目的托管平台,因为只支持Git作为唯一的版本库格式进行托管,故名GitHub。 github可以给提交的代码打上标签,方便版本的迭代和回退,也是一个存储代码的仓库 github工作区 gitee是gitHub的…

【Spring Boot】第一篇 创建简单的Spring Boot项目

导航 一. 简介二. 创建简单的Spring Boot项目1. 工具选择和版本确定2. 创建步骤 三. 部署项目四. 测试验证 一. 简介 Spring Boot是一个用于构建独立的、生产级别的Spring应用程序的框架。它简化了Spring应用程序的创建和配置过程,同时提供了很多开箱即用的功能&am…

Linux自有服务与软件包管理

这次来学习一下Linux自有服务与软件包管理相关内容,如下。 一、systemctl管理系统服务 什么是Linux自有服务? 服务是一些特定的进程,自有服务就是系统开机后就自动运行的一些进程,一旦客户发出请求,这些进程就自动为…

Blender_pmx导出fbx

Blender_pmx导出fbx 学无止境? 相关链接: Blender教程: Blender中文手册介绍 — Blender Manualhttps://docs.blender.org/manual/zh-hans/2.79/about/introduction.htmlhttps://www.blendercn.org/https://www.blendercn.org/Blender下载…

智能运维有哪些要素?智能运维模式有哪些

智能化运维因素 数据收集和处理:智能运维必须收集和解决大量数据,包括设备运行数据、环境数据、用户行为分析等。这些信息能够帮助运维人员发现问题,诊断故障,预测故障,并采取相应的措施。 知识库:智能运维必须建立一个知识库&…

【Flink入门修炼】1-1 为什么要学习 Flink?

流处理和批处理是什么? 什么是 Flink? 为什么要学习 Flink? Flink 有什么特点,能做什么? 本文将为你解答以上问题。 一、批处理和流处理 早些年,大数据处理还主要为批处理,一般按天或小时定时处…

模型压缩开源项目:阿里-tinyNAS/微软NNI/华为-vega

文章目录 阿里-TinyNAS使用流程步骤一:搜索模型结构步骤二:导出模型结果步骤三:使用搜索的模型结构图像分类任务目标检测任务 华为-vega简介定位优点缺点 微软NNI简介定位优点缺点 阿里-TinyNAS https://github.com/alibaba/lightweight-neur…

【Mybatis】从0学习Mybatis(2)

前言 本篇文章是从0学习Mybatis的第一篇文章,由于篇幅太长CSDN会限流,因此我打算分开两期来写,这是第二期!第一期在这儿:【Mybatis】从0学习Mybatis(1)-CSDN博客 1.什么是ResultMap结果映射&am…

Vue3快速上手(一)使用vite创建项目

一、准备 在此之前,你的电脑,需要安装node.js,我这边v18.19.0 wangdymb 2024code % node -v v18.19.0二、创建 执行npm create vuelatest命令即可使用vite创建vue3项目 有的同学可能卡主不动,可能是npm的registry设置的问题 先看下&#x…

MES生产制造管理:汽车零部件生产MES解决方案

某某汽车部件科技有限公司是一家铝合金零部件研发、压铸和精加工为一体的高新技术企业,拥有先进压铸、机加、检测等设备,并配套自动化生产线。为解决发动机支架等产品的全程生产质量追溯和实现机台设备联网,梅施科技提供了车间级的MES解决方案,如图所示: 梅施科技采…

IF=82.9!高分文献解读|吉西他滨联合顺铂化疗激活肿瘤免疫新机制

鼻咽癌(nasopharyngeal carcinoma, NPC)是一种发生于鼻咽部上皮细胞的恶性肿瘤,且高发于中国。吉西他滨联合顺铂(GP)化疗作为鼻咽癌的一种全球标准治疗方案,然而治疗的具体机制目前尚不清楚。中山大学肿瘤防…

好“云”来!盘点春节与云计算息息相关的那些事儿

在过去的几年里,因为疫情的缘故好多人都选择了就地过年。春节期间,在科技的推动下,“云拜年”“云团圆”“云聚餐”等过年新模式正成为人们过年的选项,各种新模式让相隔千里的亲朋也能感受到浓浓的亲情和喜庆的年味。 那春节里有…

多线程 --- [ 线程概念,线程控制 ]

目录 1. 补充知识 1.1. 什么叫做进程呢? 1.2. 堆区的知识补充 1.3. 虚拟地址到物理地址的转化过程 2. 线程概念 3. 见见代码 3.1. pthread_create 4. Linux进程 && 线程 4.1. 线程如何看待进程内部的资源 4.2. 进程 vs 线程 4.3. 线程的优点 4.…

JVM 性能调优 - 参数基础(2)

查看 JDK 版本 $ java -version java version "1.8.0_151" Java(TM) SE Runtime Environment (build 1.8.0_151-b12) Java HotSpot(TM) 64-Bit Server VM (build 25.151-b12, mixed mode) 查看 Java 帮助文档 $ java -help 用法: java [-options] class [args...] …