vue-element-admin中如何打断点

简介: vue-element-admin中如何打断点1、vue.config.js中加一行 devtool: ‘source-map’,

vue-element-admin中如何打断点



1、vue.config.js中加一行 devtool: ‘source-map’,


configureWebpack: {
    devtool: 'source-map',
    // provide the app's title in webpack's name field, so that
    // it can be accessed in index.html to inject the correct title.
    name: name,
    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  },


参考:https://cn.vuejs.org/v2/cookbook/debugging-in-vscode.html#在浏览器中展示源代码


2、源码中在需要打断点的地方加个debugger就行了

目录
相关文章
vtkdicom0.8_vtk9.2_dcmtk3.6.7_qt6.2编译OK
本文介绍了如何编译整合VTK 9.2、DICOM 0.8、DCMTK 3.6.7和Qt 6.2的步骤,包括安装Qt、CMake配置以及确认相关路径和版本设置。
409 1
vtkdicom0.8_vtk9.2_dcmtk3.6.7_qt6.2编译OK
|
12月前
|
数据安全/隐私保护
思科模拟器Cisco Packet Tracer 8.2.1注册、下载和安装教程(正确+详细)
本文详细总结了思科模拟器Cisco Packet Tracer 8.2.1注册、下载和安装教程(正确+详细),看这一篇就够啦~
41024 6
思科模拟器Cisco Packet Tracer 8.2.1注册、下载和安装教程(正确+详细)
|
自然语言处理 JavaScript 开发者
跟随通义灵码一步步升级vue2(ts)项目到vue3版本
本文介绍了如何将基于 TypeScript 的 Vue 2 项目升级到 Vue 3。主要内容包括:依赖升级、配置文件调整、组件代码迁移、状态管理迁移以及优化策略迁移。文章提供了详细的步骤和示例代码,帮助开发者顺利完成升级。特别推荐使用通义灵码工具来加速组件和状态的转写过程。
981 7
|
测试技术
[googletest] --- 简易使用教程
[googletest] --- 简易使用教程
945 0
|
JavaScript 测试技术 API
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
11416 8
|
JavaScript UED 网络架构
Vue实战【调整Vue-element-admin中的菜单栏,并添加顶部模块菜单栏】
Vue实战【调整Vue-element-admin中的菜单栏,并添加顶部模块菜单栏】
1201 0
Vue实战【调整Vue-element-admin中的菜单栏,并添加顶部模块菜单栏】
|
Web App开发 存储 前端开发
关于chrome插件编写的小结
一个插件的大致目录结构如下: 其中manifest文件最为重要,它定义/指明插件应用的相关信息(权限、版本、功能说明等),点此查看Manifest的详情>>   这里有一篇chrome官方提供的插件编写的例子   popup.
1027 0
|
9天前
|
云安全 监控 安全