• 请不要在回答技术问题时复制粘贴 AI 生成的内容
ruokw
V2EX  ›  程序员

前端新手求教 vue3/vite 调试方法

  •  
  •   ruokw · Mar 25, 2023 · 4119 views
    This topic created in 1322 days ago, the information mentioned may be changed or developed.

    背景:

    之前一直做后端,大部分使用 vscode 搭配一些插件进行调试

    面临的问题:

    最近刚开始接触 vue3(使用 vite 脚手架创建项目),发现貌似"不能"在 vscode 里面进行调试.

    找了一些视频以及文档,发现都没有详细介绍过这部分.有点靠谱还是使用 vue-cli 的方式,然后配置后进行调试

    https://vueschool.io/lessons/debugging-vue-apps-in-vs-code

    https://github.com/vitejs/vite/discussions/4065

    https://vuejs.bootcss.com/cookbook/debugging-in-vscode.html

    希望:

    1. 希望有好心人能指点下 vue3/vite 是否能在 vscode 进行调试,如果可以怎么配置?

    2. 发散的问下,一般前端都如何进行调试的?

    10 replies  •  2023-03-26 12:58:24 +08:00
    beisilu
    beisilu
    Mar 25, 2023
    1
    不一样是加断点吗,只不过是 F12 控制台显示断点信息。
    ruokw
    ruokw
    OP
    Mar 25, 2023
    2
    @beisilu 你说的 F12 是说浏览器的开发者工具还是啥?

    我这边是期望说直接在 vscode 里面打断点. 类似 vscode 调试 python 那样.
    yinanc
    yinanc
    Mar 25, 2023
    3
    建议问 chatgpt
    Finnn
    Finnn
    Mar 25, 2023
    4
    前端调试用浏览器啊,一般不在编辑器里看,毕竟 UI ,又不是写后端 node 什么的
    vue 用 vue-devtools 不就够了,虽然很卡
    fluent12138
    fluent12138
    Mar 25, 2023 via Android
    5
    我调试一般都是 console.log
    molvqingtai
    molvqingtai
    Mar 26, 2023
    6
    https://github.com/vitejs/vite/discussions/4065

    除非写 node ,否则使用浏览器调试更方便
    GaoNengwWw
    GaoNengwWw
    Mar 26, 2023
    8
    F12 一把梭
    ruokw
    ruokw
    OP
    Mar 26, 2023
    9
    @molvqingtai 应该就是这样了, 虽然有时候有 warn 但是不影响调试.
    ruokw
    ruokw
    OP
    Mar 26, 2023
    10
    @molvqingtai 谢谢了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1031 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 19:00 · PVG 03:00 · LAX 11:00 · JFK 14:00
    ♥ Do have faith in what you're doing.