美文网首页
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

    相关文章

      网友评论

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

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