开发者社区> 互联网编程> 正文

如何使用Intellij调试AngularJS

简介: 设置Intellij或Webstorm来调试AngularJS很简单。 1.为Chrome安装JetBrains IDE支持扩展 转到Chrome网上应用店,并添加到 chromeBrains IDE支持 image.png 2.在Intellij上创建一个新的JavaScript调试配置 在Intellij上,转到“运行>编辑配置...”,或单击菜单上的“编辑配置...”按钮: editCOnfiguration 然后添加一个新的JavaScript调试配置。
+关注继续查看

设置Intellij或Webstorm来调试AngularJS很简单。

1.为Chrome安装JetBrains IDE支持扩展

转到Chrome网上应用店,并添加到 chromeBrains IDE支持

img_ffeb7d3fd1dde6d05d1a15bd8a582b7e.png
image.png

2.在Intellij上创建一个新的JavaScript调试配置

在Intellij上,转到“运行>编辑配置...”,或单击菜单上的“编辑配置...”按钮:


然后添加一个新的JavaScript调试配置。

3.配置您的JavaScript调试配置

一旦你创建了一个新的JavaScript配置,你需要设置它:

  • 名称:添加名称以标识您的配置。

  • 网址:您需要在此处放置运行应用的网址。
    AngularJS和Jhipster都带有一个Grunt任务,在9000端口启动一个Web服务器,所以我的URL是“http:// localhost:9000 /”。

  • 浏览器:我只使用Chrome浏览器,但应该可以使用任何其他浏览器。

  • 本地文件的远程URL:您需要将本地文件与您的远程应用程序相链接。
    在项目中找到您的index.html文件,并设置远程URL。在我的情况下,远程URL是http:// localhost:9000 / index.html。

4.调试JavaScript调试配置

最后,您只需要点击“Debug”,你就可以调试你的应用程序了。
如果一切正常,将打开一个新窗口,并附上以下注释“JetBrains IDE Support”正在调试此选项卡

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理
原文:使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理 摘要 通过对博客文章的管理,实现外键操作。 目录[-] 八、博客文章管理 1、查看文章 2、添加博客        3、查看博文详情 4、修改博客内容 5、删除博客文章 九、尾声         1、如何部署 2、进一步的学习 3、ENDING 转载请注明出处:Gaussic(一个致力于AI研究却不得不兼顾项目的研究生) 。
1112 0
使用IntelliJ IDEA开发SpringMVC网站(四)用户管理
原文:使用IntelliJ IDEA开发SpringMVC网站(四)用户管理 摘要 通过对用户表的管理,更加深入地讲解SpringMVC的操作。 目录[-] 文章已针对IDEA 15做了一定的更新,部分更新较为重要,请重新阅读文章并下载最新源码。
1034 0
angularJS 表单使用
1.变量监视 数据双向绑定是指模型与视图的绑定,在$scope.a依赖于$scope.b的情况下,当b变化时a是不会同步变化的。若想实现数据一致,需要使用$scope.$watch()函数。 比如下图所示应用,选择频道后,候选的计数器都是该频道下的计数器。 图1 计数器与频道是对应的 都是下拉列表 对应代码是: // watch $scope.$watch('co
1382 0
使用IntelliJ IDEA开发SpringMVC网站(一)开发环境
原文:使用IntelliJ IDEA开发SpringMVC网站(一)开发环境 摘要 主要讲解初期的开发环境搭建,Maven的简单教学。 IDEA Spring MVC 目录[-] 文章已针对IDEA 15做了一定的更新,部分更新较为重要,请重新阅读文章并下载最新源码。
1686 0
如何使用Visual Studio Code调试PHP CLI应用和Web应用
在按照Jerry的公众号文章 什么?在SAP中国研究院里还需要会PHP开发? 进行XDebug在本地的配置之后,如果想使用Visual Studio Code而不是Eclipse来调试PHP应用,步骤也比较简单。
1140 0
使用IntelliJ IDEA开发SpringMVC网站(三)数据库配置
原文:使用IntelliJ IDEA开发SpringMVC网站(三)数据库配置 摘要 讲解在IntelliJ IDEA中,如何进行Mysql数据库的配置 目录[-] 文章已针对IDEA 15做了一定的更新,部分更新较为重要,请重新阅读文章并下载最新源码。
1280 0
使用IntelliJ IDEA开发SpringMVC网站(二)框架配置
原文:使用IntelliJ IDEA开发SpringMVC网站(二)框架配置 摘要 讲解如何配置SpringMVC框架xml,以及如何在Tomcat中运行 目录[-] 文章已针对IDEA 15做了一定的更新,部分更新较为重要,请重新阅读文章并下载最新源码。
1048 0
如何仅使用内部链接策略来提高搜索排名
如何仅使用内部链接策略来提高搜索排名 网站架构修改的三个例子,在数字营销中提供了大量的SEO收益。 链接,即使在网站内,也显示内容之间的关系。它们在页面之间传递价值和重要性。更重要的是,内部链接定义了您网站的结构。
1581 0
+关注
互联网编程
讲个笑话,我有50年的Java编程经验,哈哈哈
281
文章
2
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载