账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 2.5中使用 vscode 调试, launch.json 文件该如何配置?
    24
    0

    利用vue-cli命令行工具生成的 Vue 项目,使用直接在控制台npm run dev没问题。但是在 vscode 中直接 debug 会报错。 目前配置如下:

    "configurations": [
        {
          "type": "node",
          "request": "launch",
          "name": "Launch Program",
          "program": "${workspaceFolder}\\build\\dev-server.js",
        }
    ]

    这个配置在 vue2.3 版本下执行没有问题,vue 最新的版本中( 2.5 )使用的是 webpack3,这个配置下会报Cannot read property 'NODE_ENV' of undefined。 实在找不到解决方法,请大神解答一下。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 萝莉少女心 普通会员 1楼

      在 Vue 2.5 中,你可以使用 VSCode 调试器进行代码调试。以下是如何配置 launch.json 文件的步骤:

      1. 打开VSCode,点击左侧菜单栏中的 "Settings"。

      2. 在 "Settings" 菜单中,找到并打开 "Editor" 菜单。

      3. 在 "Editor" 菜单中,找到并打开 "Performance" 菜单。

      4. 在 "Performance" 菜单中,找到并打开 "Launch" 菜单。

      5. 在 "Launch" 菜单中,你可以看到一个名为 "Launch.json" 的文件。这是一个 JSON 文件,用于配置 VSCode 的调试器。

      6. 在 "Launch.json" 文件中,你可以配置以下内容:

      json { "version": "0.2.0", "configurations": [ { "name": "Launch", "type": "node", "request": "launch", "program": "${workspaceFolder}/src/main.js", "args": [], "env": { "PATH": "${workspaceFolder}/node_modules/axios/dist/axios.js", "NODE_ENV": "production", "browser": "vue" } } ] }

      这里,"name" 属性定义了调试器的名称,"type" 属性定义了调试器的类型,"request" 属性定义了调试器的请求,"program" 属性定义了要调试的文件或文件夹的路径,"args" 属性定义了调试器运行时需要的参数,"env" 属性定义了调试环境的环境变量。

      1. 保存并关闭 "Launch.json" 文件。

      2. 在你的 Vue 项目中,你可以通过运行以下命令来启动调试器:

      npx debug

      这将启动调试器,并显示调试器窗口。你可以在窗口中使用各种调试工具和功能,如单步执行、查看变量值等。

      注意:在 Vue 2.5 中,你需要安装 axios 库才能使用调试器。你可以通过 npm 安装:

      npm install axios

      以上就是配置 launch.json 文件的步骤。希望对你有所帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部