有没有办法在Angular 2 +的ts文件中使用Chrome的本地覆盖/工作区?

时间:2018-03-30 11:14:06

标签: angular google-chrome-devtools

问题是:有没有办法在Angular 2 +的ts文件中使用Chrome的本地覆盖/工作区?

示例:我想在我的Angular 2+(我的案例中为v5)应用程序运行时(angular-cli)在Chrome .ts文件中进行编辑?

我找到了scss files的方法,而不是ts

1 个答案:

答案 0 :(得分:1)

原来, angular-cli包含源地图+ chrome dev工具最新版(在MacOS上的Chrome v65上测试) source 标签中打开文件({{1 }},允许编辑它,编辑的文件直接反映在文件系统中。

注意:

  • 在"工作区"中添加项目文件夹在chrome dev工具中
  • 每个组件通常有2个文件(es5和es6一个)。编辑es6一个! (通常在ctrl/cmd+P - 不是内部 - 命名空间)