美文网首页
vscode 中如何点击路径跳转到指定的页面

vscode 中如何点击路径跳转到指定的页面

作者: 黎明的叶子 | 来源:发表于2021-08-26 16:31 被阅读0次

答案是:利用jsconfig.json。(目前如果alias配置的是@,貌似是指向不过去的。还未找到方法。)

jsconfig.json是什么?

一个文件目录中存在jsconfig.json文件,说明这个目录是JavaScript项目的根目录。这个文件的配置可以对你的文件所在目录下的所有js代码做出个性化支持。

这个jsconfig.json 文件说明的根目录下的文件以及可以配置的特点都是由 JavaScript language service提供的。

Tip: 如果你不用js,你就不需要担心 jsconfig.json

Tip: jsconfig.json 是一个子集属于 tsconfig.json, 是TypeScript的一个配置文件。 tsconfig.json 里面 "allowJs"属性为true的时候,就会走jsconfig.json配置。

项目中用 webpack aliases

当webpack设置了aliases,为了智能提示可以正常工作,我们需要在jsconfig.json中声明 paths属性,可以通过匹配模式Glob Pattern来书写。
举例说明:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "ClientApp/*": ["./ClientApp/*"]
    }
  }
}

然后再页面中引入的时候如下

import Something from 'ClientApp/foo';

补充说明:如果引入的时候,不写扩展名,这样只能默认找到后缀名为js的文件。如果是.vue的则不可以跳转到。没有找到更好的解决办法。看了vscode的官网,里面引入.vue文件的时候,都加上了扩展名,加上扩展名对打包是很好的(节省时间)。所以建议引入的时候最好加上扩展名。那如果是维护项目,里面都没有加,这种就不好解决跳转问题了。(反正我没找到😭)

官网都加了扩展名的:


官网都加了扩展名的

参考

visualstudio

相关文章

  • react中阻止a标签点击跳转,作为书签时可以跳转

    需求 我现在有这样一个需求,点击超链接时,不让其跳转到href指定的路径页面,而当a标签在浏览器的书签栏中时可以跳...

  • Android推送之弹窗显示+推送点击处理

    推送弹窗 兼容8.0 推送点击处理 当点击推送时,会跳转到pendingintent指定的页面。但是页面太多,我们...

  • 2020-09-28

    微信小程序点击按钮跳转到指定页面 首先这是一个仿微信页面的通讯录列表: 当点击页面右侧的字母栏时,页面将跳转到相应...

  • vue-scrollBehavior

    需求:点击跳转到指定页面并定位到页面的指定标题位置 官方方案:scrollBehavior 限制:需要在histo...

  • 点击链接跳转到应用指定页面

    公司最近做扫码跳转功能,其实有点类似淘宝粘贴链接后的跳转,原理其实是一样的,下面说一下我的处理。 因为iOS的原因...

  • 六、url链接

    1.页面跳转 在网站中我们经常会遇到,页面跳转的情况,比如点击登录,可以跳转到登录页面,点击注册可以跳转到注册页面...

  • 锚点定位和动态导航

    需求:右侧有导航栏,点击可以跳转到页面指定位置,同时页面滚动到指定的位置,右侧的导航栏也根据位置进行高亮变化。CS...

  • Swift-AppKilled点击通知栏启动App时如何跳转

    当你已经收到离线推送,此时App已经被杀。此时点击通知栏,希望App启动后跳转到指定页面,改如何处理呢 1、需要注...

  • HTML中空元素&a标签介绍

    a标签的介绍 链接 用户点击直接跳转到指定页面href的其他属性介绍:1、href="//qq.com" ...

  • 2019-03-29 安卓从自己app内点击跳转到任意第三方

    大家好,我本泽锅又来了最近接了个需求,要求从app内部点击跳转到京东金融和云闪付app指定页面. 首先要明确安卓跳...

网友评论

      本文标题:vscode 中如何点击路径跳转到指定的页面

      本文链接:https://www.haomeiwen.com/subject/vgumiltx.html