webstorm+Chrome配置nuxtjs的debug模式

1、配置nuxt.config.js

webstorm+Chrome配置nuxtjs的debug模式

2、右上角点击edit Configurations,新增一个JavaScript Debug

url地址填写项目启动之后的地址,端口号就是服务的端口号

选择.nuxt,Remote URL填写webpack:///src

点击Apply,完成配置

webstorm+Chrome配置nuxtjs的debug模式

3、配置完成之后。根据package.json中的启动命令,控制台启动服务。

4、点击webstorm右上角的甲壳虫开启debug模式。

 

 

上一篇:HTML link标签中preload,prefetch,dns-prefetch,preconnect,prerender


下一篇:nuxt.js添加typescript支持