webstorm像idea调试java一样调试npm的js项目

摘要:
2、 配置npm以启动vue项目3.配置webstorm以调试js 4.启动方法1.在调试模式下启动程序npmrundev2.在调试模式中启动js调试信息5.调试1.本地代码断点:2.在浏览器中打开webstorm支持支持3.在浏览器中触发前端断点方法。效果如下:您可以像调试java一样调试前端
一.相关软件安装和配置

  安装WebStorm 
  WebStorm官网:( https://www.jetbrains.com/webstorm/ )

  安装Chrome和JetBrains IDE Support 
  JetBrains IDE Support的地址是: 
       https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
  不过一般都是被墙了,所以得FQ去安装插件了。

二.配置npm启动vue项目

webstorm像idea调试java一样调试npm的js项目第1张

三.配置webstorm调试js

webstorm像idea调试java一样调试npm的js项目第2张

四.启动方式

1.先debug模式启动程序,npm run dev

webstorm像idea调试java一样调试npm的js项目第3张

 2.debug模式启动js调试信息

webstorm像idea调试java一样调试npm的js项目第4张

五.调试

1.在本地代码打断点:

webstorm像idea调试java一样调试npm的js项目第5张

2.在浏览器中打开webstorm support支持

3.在浏览器中触发前端打断点方法,效果如下:   就可以想idea调试java一样调试前端了

webstorm像idea调试java一样调试npm的js项目第6张

免责声明:文章转载自《webstorm像idea调试java一样调试npm的js项目》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Postgresql 进程和内存结构自然语言处理-中文语料预处理下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

js 里面的 function 与 Function

function 是 js 的标识符 Function 是 js 里面的一个 构造函数 1、new function 与 new Function 的区别   new 运算符在 js 里面是 创建一个自定义的对象的实例 或者是 一个具有构造函数的本地对象的实例。     语法:new constructor [ ( [ arguments ] ) ]   ...

JS按回车键实现登录的方法

按回车实现登录的方法可用js来进行实现,有以下三种方法:   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">(此代码为浏览器以中文的形式呈现) 方法一: <html> <head> <title>Check S...

第十一节:Bundles压缩合并js和css及原理分析

一. 简介  1.背景:浏览器默认一次性请求的网络数是有上限的,如果你得js和css文件太多,就会导致浏览器需要多次加载,影响页面的加载速度, MVC中提供Bundles的方式压缩合并js和css,是MVC中特有的一种优化方式。  (当然现在前端也有很多基于node的工作流插件,可以合并压缩混淆js或css) 2. 原理(了解即可):核心方法ApplyTr...

Cocos Creator 实现大厅+子游戏模式

大厅+子游戏的模式,在棋牌类型、教育类型游戏中比较常见,通常是安装包里面只有大厅的资源和代码,然后子游戏根据需求以热更新的方式下载来提供给玩家。 之前一直负责的是cocos2dx-lua的开发,lua作为脚本语言,非常适合做热更新及大厅+子游戏模式的开发。而cocos creator使用的是js或者ts,作为脚本语言也是很方便做热更新的,但是js编译是把所...

深入 js 深拷贝对象

前言 对象是 JS 中基本类型之一,而且和原型链、数组等知识息息相关。不管是面试中,还是实际开发中我们都会碰见深拷贝对象的问题。 顾名思义,深拷贝就是完完整整的将一个对象从内存中拷贝一份出来。所以无论用什么办法,必然绕不开开辟一块新的内存空间。 通常有下面两种方法实现深拷贝: 迭代递归法 序列化反序列化法 我们会基于一个测试用例对常用的实现方法进行...

网易云课堂js学习笔记

javascript:用来在页面中编写特效的,和html/css一样都是由浏览器解析的 javascript语言:一、js如何运行的(javaScript,jscript,vbscript,applet)二、输出alert(什么类型都可以)document.write(字符串) 三、如何在html中使用js1.使用<script></sc...