如何用intellij idea调试vue

发布网友发布时间：2022-04-20 15:20

共2个回答

懂视网时间：2022-04-20 05:26

前言：

开发免不了要用到开发工具，什么sublime，webstorm，idea的，现在我就说下idea开发神器下安装vue插件进行vue项目的开发吧。

idea下载地址：

idea神器可以干的事：

热心网友时间：2022-04-20 02:34

3种调试方式

1、WebStorm + Chrome

在WebStorm中启动调试时，WebStorm会根据你设置的url，自动打开新的Chrome浏览器进程访问这个设置的url，而且这个浏览器页面和你平常看到的浏览器差异会比较大，看不到书签栏，也看不到先前所装的所有插件。

2、Visual Studio Code调试

Visual Studio Code + Chrome 也可以调试，也能支持在Visual Studio Code源代码处加断调试，当代码执行流运行到这个地方后，也会中断暂停运行，并在调试窗口显示本地变量的值以及堆栈，还可以在Debug Console里执行表达式。

3、Chrome直接调试

在Chrome中也可以打开调试窗口，找到source，然后在源代码处打断点，当代码执行到断点处也会暂停执行，然后有一个很小的窗口显示环境变量的值。

扩展资料

准备环境：

1、在chrome中安装插件 JetBrains IDE Support (古月: 实际测试, 不需要该插件也行)

2、创建demo项目 vue init webpack vuejs-webpack-project

3、修改source map打开config/index.js文件, 修改source map属性，从cheap-mole-eval-source-map改为source-map