vue-element-admin在vscode中修改代码后如何运行调试查看结果？

我从github里clone了vue-element-admin的库而且成功安装了，现在npm run dev也可以查看页面。
但是我在vscode里对其修改的部分没有运行，请问如何操作才能看到我修改后的版本的运行结果呢？

https://blog.csdn.net/weixin_30588907/article/details/95315989

如果是对页面代码进行修改
建议使用以下方式调试运行查看效果

1.利用浏览器的Console窗口console.log()打印调试

我这里以“Google浏览器”的窗口为例，按“F12”进入开发者模式：

      var crulearr=[]
      for(var ccode of this.newDB){
        if(ccode.id == this.ipboxid){
          crulearr.push('{"rules":[{"field":"ParentID","op":"equal","value":"'+this.ipboxid+'","type":"int"},{"field":"CarbinCode","op":"equal","value":"'+this.cabincodearr+'","type":"string"}],"op":"and"}')
        }
        else{
          crulearr.push('{"rules":[{"field":"ParentID","op":"equal","value":"'+ccode.id+'","type":"int"},{"field":"CarbinCode","op":"equal","value":"'+ccode.cabincodes+'","type":"string"}],"op":"and"}')
        }

      }
      console.log('row202:'+ JSON.stringify(crulearr))

2.思路，设置debugger断点调试

具体方法可自行搜索

            console.log('temp1:'+ JSON.stringify(this.temp))
      console.log('row12:'+ this.checkedCabines )

      debugger；
      this.dialogVisible = true

比如你关心的数据后面设置debugger；
运行代码之后，代码会自动跳到断点；
Watch中观察数据：Watch中点“+”,然后点击回车可看到对应数据的值；
Console中观察数据；
或者把鼠标移到关心的数据上面可以看到该值。

3.思路，设置alert 调试法
具体方法可自行搜索
可以把你关注的数据以+形式拼接在alert()内

alert('row12:'+ this.checkedCabines )

运行代码后，会以弹出框形式显示你要看的数据；
点击弹出框确定后，前端代码才会继续运行；

这也是我在工作中自己摸索的，希望能帮助到你；