目錄

• 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+@引入，不能跳轉
//但是相對路徑的都是可以跳轉的