这开始困扰我,我要么关闭它,要么修复它。所以 Webstorm 在它的 HTML 解析器中有一个很好的特性,它会尝试解析字符串中的目录,这些目录应该引用你项目中的文件。例如:
https://i.stack.imgur.com/z1kQ0.png
网络风暴是正确的。我的前端代码都在 /app
中,但我的服务器在根目录的应用程序中提供文件,因此在 Web 上下文中 /app
实际上只是 /
。另一方面,这种行为也会影响我的角度模板:
https://i.stack.imgur.com/e8R8S.png
和我的 angular-ui 路线(我想它也会为常规的角度路线做到这一点)。
https://i.stack.imgur.com/PC2KO.png
有没有办法可以更改 webstorm 以将 /app
视为根,所以这是一个有用的功能?如果没有,有没有办法可以禁用它?我尝试进入检查员,但找不到它的选项:
https://i.stack.imgur.com/MEEqL.png
不,这不是 XML 的……我试过了。
帮助表示赞赏。谢谢...
要对项目中的非根文件夹进行文件引用,您需要将该目录标记为资源。为此,请转到“设置”>“目录”,然后从右侧面板中选择您的资产根文件夹。然后通过单击文件浏览器上方的按钮将其标记为资源根。
从 Jetbrains 文档中,Resource Root 使 WebStorm 能够完成所选文件夹下资源的相对路径。这意味着您应该在一个文件夹中使用资源根目录,该文件夹包含您想要引用的所有资源(例如样式、脚本等)。
我在 Mac 上遇到了这个问题,并通过更改目录属性解决了这个问题。
打开首选项:
Webstorm > Preferences
转到首选项中的目录部分
Project > Directories
添加内容根和资源根
https://i.stack.imgur.com/2pJNX.png
对于使用 IntelliJ Ultimate 的人:
https://i.stack.imgur.com/tTYgD.png
folder1/folder2/..
,其中 folder2
包含您的所有资源。您需要将 folder1
标记为 Source
,将 folder2
标记为 Resource
。 Reference
我认为这是大多数人正在寻找的:不更改内容根目录,而是添加一个子文件夹作为“资源根目录”。
https://i.stack.imgur.com/LvS14.png
在 Jet Brains WebStorm 中转到文件-->设置-->左侧面板选择项目-->单击目录-->中间面板选择资源根目录-->添加项目下的文件夹/目录以供参考或在右侧面板中您可以看到 +Add Content Root 选择目录和 Apply-->OK