vscode的vue项目配置webpage的跳转

目录

• vscode的vue项目配置webpage的跳转

vscode的vue项目配置webpage的跳转

vscode默认不能根据vue中webpage设置的@等地址进行跳转
用下面的方法，在vue页面中import引入的组件使用@引入之后就可以跳转了，但是在require中引入的还是不能跳转

• 在vue项目根目录下创建文件jsconfig.json

• 在里面添加内容

{
  "compilerOptions": {
      "baseUrl": "./",
      "paths": {
          "@/*": ["src/*"]
      }
  },
  "exclude": ["node_modules", "dist"]
}

• 现在点击其中@路径的文件，就可以跳转了，若是还是不行，重启vscode之后就可以了

第一次点击跳转的时候可能有点慢，点上几次，就可以瞬间跳转了。

import "@/js/LeafletPlayback.js";  //import+@引入，可以跳转
require('@/js/LeafletPlayback.js') //require+@引入，不能跳转
//但是相对路径的都是可以跳转的