[记录]让 VSCode 支持路径别名

在使用 Webpack 的时候,别名(Alias)配置很方便,可以帮助我们快速的引用文件,避免多层次的路径引用,但也给编译器带来了不便:使用别名后,编译器无法定位到原始的文件了,无法完成函数跳转。无论是开发还是阅读别人的源码都不方便。
在 VSCode 上,通过 jsconfig.json 可以让编译器支持别名,非常方便。在工程根目录新建一个 jsconfig.json 文件:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "vue": ["src/platforms/web/entry-runtime-with-compiler"],
      "compiler": ["src/compiler"],
      "core": ["src/core"],
      "shared": ["src/shared"],
      "web": ["src/platforms/web"],
      "weex": ["src/platforms/weex"],
      "server": ["src/server"],
      "entries": ["src/entries"],
      "sfc": ["src/sfc"],
    },
    "target": "ES6",
    "module": "es6",
    "allowSyntheticDefaultImports": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

把别名配置写到 paths 中,然后重启编译器就可以支持别名跳转了。如果采用的是其他的模块规范(如 AMD,UMD,CommonJS 等),需要对 module 选项的值做相应的修改。

完。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容