vscode路径跳转插件vscode-path-alias默认支持@与~@

给自己写的vscode路径跳转插件打个广告，欢迎提bug

✨感谢小茗同学的入门案例

🎉 提供对各类路径跳转的支持

vscode商店搜索安装vscode-path-alias即可

🚨issues地址

✨背景

这几天没事优化了公司vue项目，把导入js或vue的那些长的离谱的相对路径全部换成了@路径别名
img的src路径和background的url路径全部换成~@路径别名(vue-cli 基于webpack的路径别名)

但是vscode的跳转不支持路径别名，且一些简写也不支持，如省略index.vue，.vue这些，也没找到很好用的插件，就自己研究了路径跳转插件的开发

目前个人感觉用起来十分顺手，全部都可以跳转，但感觉分享给别人的话应该会有很多bug，所以欢迎提一提bug

⚡ 使用

使用 ctrl+左键跳转相应文件

特殊情况 1：webpack 中对 img 和 css 使用~@路径别名，ctrl+左键无效，需要使用本插件的vscode-path-alias.toSecondDefinition命令来跳转，建议自行定义快捷键

特殊情况 2：省略.vue 后缀名的这种简化写法，ctrl+左键有时会出现两个路径，可以使用本插件的vscode-path-alias.toSecondDefinition命令来跳转，建议自行定义快捷键

✨ 功能

1.在项目的 package.json 中使用 ctrl+左键点击包名，即可跳转 node_modules 中该包位置
2.默认支持路径别名@对应 src
3.默认支持路径别名~@对应 src，但由于 vscode 机制原因，图片路径只能右击选择跳到定义来跳转，而不是直接 ctrl+左 键，所以需要使用本插件的vscode-path-alias.toSecondDefinition命令来跳转，默认该命令没有快捷键，建议用户为其设置快捷键
4.默认支持简化写法路径跳转，如省略 index.js,省略 index.vue,省略.vue 等后缀
5.如果省略.vue，有时 vscode 会认为这是一个目录，从而错误的定义一个路径，加上插件定义的正确路径，此时会出现两个路径定义，需要手动选择第二个才能跳转，略嫌麻烦，这时可以使用vscode-path-alias.toSecondDefinition来快速跳转第二个定义
6.自动读取 vue.config.js 中类型别名设置(如果你有的话)，需按照以下写法配置类型别名，重点是需要.set("@", resolve("src"))这样的格式

const path = require("path")
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
    ......
  chainWebpack: config => {
    config.resolve.alias
      .set("@", resolve("src"))
      .set("@assets", resolve("src/assets"))
      .set("@components", resolve("src/components"))
      .set("@views", resolve("src/views"))
      .set("@api", resolve("src/api"))
      .set("@utils", resolve("src/utils"))
      .set("@common", resolve("src/common"))
      .set("@mixins", resolve("src/mixins"))
      .set("@map", resolve("src/map"))
      .set("@layout", resolve("src/views/layout"))
    }
  }