天道酬勤,学无止境

webstorm

如何在 WebStorm 中使用“运行任何东西”启动调试会话?(How to start debug session with 'Run Anything' in WebStorm?)

问题 在最近发布的 WebStorm (2019.3) 中引入了“运行任何操作”,这对于轻松启动服务等非常有用。 到目前为止,我习惯于通过单击“开始调试”GUI 按钮来运行它,这很好用,但是我如何通过使用“运行任何东西”操作来启动“附加到 Node.js”之类的调试会话? 当我尝试使用“运行任何东西”运行时 - 我得到“找不到节点的运行器”失败的错误消息,当我尝试通过 GUI 运行它时不会出现。 回答1 打开“运行任何东西”模式( Ctrl - Ctrl )后,在选择所需的调试会话时按住Shift 键。

2021-12-05 07:55:48    分类:技术分享    node.js   debugging   ide   webstorm

如何在我的项目中使用 Chrome 调试 Angular *ngIf 结构指令?(How to debug Angular *ngIf structural directive using Chrome within my project?)

问题 我想将 Angular 源代码/源映射附加到我生成的 Angular CLI 项目中,以便我可以在 Chrome 中调试像*ngIf这样的指令。 是否可以使用一些 angular.json 配置/源映射以某种方式将调试器附加到ng_if.ts ......? 或者是否有在开发模式下添加源映射的设置,以便我可以通过附加源映射的任何 3rd 方库? 如果我在 Chrome 中按Ctrl + O然后输入ngIf或ng_if列表菜单中没有这样的文件。 编辑:提供供应商源地图时的样子(请参阅已接受的答案): 回答1 这也让我很好奇。 我从来不需要调试 angular 源代码,但为什么不呢。 似乎有一个 ng cli 的vendorSourceMap标志在某个时候已被弃用,而新的方法是通过 v7.2 以来的angular.json文件(https://blog.ninja-squad.com/2019/ 01/09/angular-cli-7.2/): "serve": { "options": { "sourceMap": { "scripts": true, "styles": true, "vendor": true }, ... } 回答2 使用开发人员源面板按Ctrl + P并输入 ngIf 指令在angular/common模块中执行的模块名称,因此输入common.js 。

2021-12-05 06:26:38    分类:技术分享    angular   debugging   webstorm   source-maps

null} 和 InjectableProvider(WebStorm - Argument type {providedIn: "root"} is not assignable to parameter type {providedIn: Type<any> | "root" | null} & InjectableProvider)

问题 我正在尝试将我的应用程序从 Angular v5 迁移到 v6,并且在尝试在我的提供程序中指定providedIn时遇到以下打字稿错误 null} 和 InjectableProvider @Injectable({ providedIn: 'root', }) export class MyService { } 我从 Angular 文档 https://angular.io/guide/dependency-injection 复制并粘贴了代码 任何的想法? 更新 我创建了一个空白项目ng new ...并添加了一个提供者ng g service my-new-service ,在 WebStorm 中打开了该项目,一切正常,我没有遇到该虚拟项目的任何错误 更新 我联系了 WebStorm 支持,原来这是 WebStorm 的一个已知错误 https://youtrack.jetbrains.com/issue/WEB-32634 更新 Webstorm 2018.1.4(尚未发布)应该可以解决这个问题,参见 https://youtrack.jetbrains.com/issue/WEB-32634 更新 Webstorm 团队将修复移至 2018.1.5 更新 2018 年 6 月 17 日星期日,Webstorm 修复程序已发布 回答1 信不信由你,我在

2021-12-03 09:54:54    分类:技术分享    angular   typescript   webstorm   angular6

在 IntelliJ IDEA、WebStorm、RubyMine 等中更改 GIT 登录名/用户名(Change GIT login/username in IntelliJ IDEA, WebStorm, RubyMine etc)

问题 我的 GIT 帐户的身份验证登录名/用户名已更改。 我如何告诉我的 IntelliJ 产品? 回答1 GIT 在远程存储库 URL 中记录登录名。 您可以通过多种方式在 IntelliJ 产品中更改它。 快速之路 2021 双击SHIFT (即SHIFT SHIFT ) 搜索无处不在开始输入管理遥控器... 按照下面的描述快速进行 快捷方式 键入CTRL + SHIFT + A打开输入操作或选项名称对话框键入Remotes...以过滤图像中的列表为 Git 选择Remotes... (图像上的第一个选择)并打开以下对话框在Git Remotes对话框中,使用铅笔图标打开定义远程对话框按确定确认重新输入您的密码,并可选择让 IntelliJ 存储它。 指向和点击方式 选择VCS菜单将鼠标悬停在Git菜单项上从子菜单远程选择... 继续如上所述 终端方式 在 IntelliJ 工具中打开终端ALT + F12 输入命令git ls-remotes --get-url以查看您当前的遥控器输入带有修改过的用户名的命令git remotes set-url https://my_new_user@my.git.server/path/to/project.git 回答2 我以前遇到过这个问题,并通过以下步骤解决了它: 打开终端输入需要与git服务器通信的git命令,如git pull

2021-12-01 12:20:14    分类:技术分享    git   intellij-idea   webstorm   rubymine

Angular 和 RxJS 导入(Angular and RxJS imports)

问题 我一直都知道单独导入我的Observable操作符来限制加载时间。 但是我今天注意到一些事情,我希望有人可以向我解释。 我正在将 IntelliJ/WebStorm 与 Webpack 一起使用。 假设在我的ngOnInit页面上,我有一个 http 调用: ngOnInit() { this.http.get('https//:google.com').map(e => e); } 如果我不导入 map 操作符,编译器会抱怨,所以我像这样导入它: import 'rxjs/add/operator/map'; 世间一切都好。 直到我需要使用 Observable。 所以,我来补充一个。 ngOnInit() { let test = Observable.create(subscriber => { return null; }); this.http.get('https//:google.com').map(e => e); } 现在编译器抱怨它找不到 Observable 是可以理解的,所以我让 IntelliJ/WebStorm 为我导入它并在我的文件顶部添加它: import {Observable} from 'rxjs'; 一切又好了。 但是,这个新的导入似乎使地图导入变得无关紧要。 我的意思是,如果我删除地图导入并只保留 Observable 一个

2021-12-01 01:30:24    分类:技术分享    angular   intellij-idea   webstorm   rxjs5

如何在 WebStorm/PhpStorm 中用正则表达式替换(How to replace in WebStorm/PhpStorm with regex)

问题 我想更换 #{account_nbr} 和 {{account_nbr}} 在查找中,我尝试了以下操作: \#\{()\w+\1\} 在替换中,这个: {{\$1}} 查找似乎有效,但我无法正确获取反向引用。 怎么了? 回答1 您不需要按照您使用它们的方式进行任何反向引用。 这是您可以使用的正则表达式: \#\{(\w+)\} 更换应该是 {{$1}} 当您使用\$ ,将使用文字$ ,而不是实际的反向引用。 正则表达式演示

2021-11-29 05:01:35    分类:技术分享    regex   replace   phpstorm   webstorm

调试 NodeJS + ES6 应用程序 (Webstorm)(Debug NodeJS + ES6 app (Webstorm))

问题 我想在客户端和服务器端都使用 ES6。 当然,我可以像babel-node src/app.js一样从终端启动我的 NodeJS 服务器,但它无法调试。 另一方面,Webstorm 9 声称它支持 ES6,但是当我尝试启动默认的 Node 配置时,它抱怨a => a + 1函数。 问题:如何在 Webstorm 9 中启动 NodeJS + ES6 应用程序? PS 我使用 Node 0.12.* 版本 PS 我也试过这个,但它对我也不起作用 回答1 我终于用在 WebStorm 中工作的 polyfill 调试了转译的代码,WebStorm 与 Babel 的配合真是令人印象深刻。 按照说明在 WebStorm 中配置 FileWatcher 非常容易,它会自动转换您的 es6 代码:http://babeljs.io/docs/setup/#webstorm 绊倒我的步骤是让 node 找到 polyfill 文件,所以我可以使用 es6 迭代器和生成器。 Babel 网站说要全局安装 Babel 和 polyfill: npm install -g babel-es6-polyfill 但是当我添加到我的节点程序中时: require("babel-es6-polyfill"); Node 抛出一个关于找不到库的异常。 然后我将 require 路径更改为确切的完整路径

2021-11-29 03:52:09    分类:技术分享    node.js   webstorm   ecmascript-6   babeljs

我如何教 WebStorm 9 检查器识别 Angular Material Design 标签/属性?(How do I teach WebStorm 9 inspector to recognize Angular Material Design tags/attributes?)

问题 目前,我所有的角度材质 HTML 属性都以黄色突出显示,并带有 WebStorm 9 (Mac OS X Yosemite) 警告:“此处不允许使用属性 [名称]”。 如何教 WS 自动将这些属性识别为有效? 我知道我可以将每个属性逐一添加到自定义属性列表中,但希望有更好的方法来做到这一点。 更新:只是想澄清这个问题适用于 Angular Material 项目,而不是 AngularJS 本身。 回答1 您需要在 WebStorm 中添加angular-material.js文件作为库: 打开首选项(Mac: Cmd+, ,Win/Linux: Ctrl+Alt+S ) 转到Languages & Frameworks > JavaScript > Libraries 单击Add ,然后按+图标在node_modules文件夹中找到angular-material.js 添加名称和版本,然后按Ok 现在,您将完成所有在angular-material源代码中具有@ngdoc文档的元素和属性。 用法 开始输入,您将看到完成: 按F1 (Win/Linux 上的 Ctrl+Q)也会显示一些文档,如果在源代码中可用的话: 重要的提示 并非所有功能都被正确记录,以下不会显示(除非您已经使用它们),因为它们是在循环中动态定义的,没有@ngdoc用于它们: var API_WITH

2021-11-29 03:06:49    分类:技术分享    webstorm

Using WebStorm and IntelliJ at the same time

I have code for an existing web application built with java, jsp, and js. I would like to use WebStorm for the JS part of the development and the free edition of IntelliJ for the rest of the code, but it doesn't look like I can open the same project in both as they seem to step on each other. Is there a way I can do this without having to close/switch the IDEs all the time?

2021-11-28 21:06:03    分类:问答    intellij-idea   webstorm

Setting Webstorm/PHPStorm file refresh time

It's probably just some simple setting I can't seem to find. Here's the thing: I have a web project with some Compass/Sass CSS. When I modify the Sass file, Compass automatically creates the corresponding CSS-file for me. If the file has changed, Webstorm uploads it to my server, all by itself. Neat! However, Webstorm (or PHPStorm, for that matter) doesn't immediately notice the change in the CSS file, but checks on external modifications every 2 minutes or so. The CSS file is then being reloaded and uploaded to the server. How do I set the time interval for checking for external changes!? 2

2021-11-28 15:19:28    分类:问答    compass-sass   phpstorm   webstorm