VSCode如何引入Vue組件和Js模組

這篇文章要跟大家分享的內容是關於VSCode如何自動的引入Vue元件和Js模組，有需要的朋友可以參考一下。

自動引入Vue元件和普通Js模組

在根目錄中加入 jsconfig.json 。
每次修改jsconfig.json後需重啟該VSCode視窗

{  "include": [    "./src/**/*"
  ],
}

1. 支援Webpack別名路徑同上，需更新

   jsconfig.json
2. #

   {  "compilerOptions": {    "baseUrl": ".",    "paths": {      "@/*": [        "./src/*"
         ]
       },
     },  "include": [    "./src/**/*",
     ],
   }

##在JS中自動引入node_modules中的JS

以

lodahs

為例，安裝lodash:

npm install lodash### ############在根目錄新增###jsconfig.json#############

{  "compilerOptions": {    "checkJs": true,
  },  "include": [    "node_modules/lodash/*"
  ],
}

#########輸入關鍵字後，點擊提示燈泡（快鍵鍵: ###Ctrl/Command .###），選擇JS模組################注意： ###checkJs###可能會造成部分項目語法報錯，如有報錯可使用下面的方法作為替代方案。 ##################使用###Npm Intellisense###自動引入node_modules中的JS############安裝VSCode拓展： # ##Npm Intellisense###############設定###Npm Intellisense############

{  "npm-intellisense.scanDevDependencies": true,  "npm-intellisense.importES6": true,  "npm-intellisense.importQuotes": "'",  "npm-intellisense.importLinebreak": ";\r\n",  "npm-intellisense.importDeclarationType": "const",
}

########VSCode輸入指令（###Ctrl/Command Shift P###）: ###Npm Intellisense: Import module###後, 選擇引入套件############################################################################### #其他######自動引入Vue元件和JS模組後，按住###Ctrl/Command###點擊路徑可直接跳到該檔案############## ####相關推薦：#########vue中引入外部js方法實例#############實例詳解vue-cli vscode 設定eslint#######

以上是VSCode如何引入Vue組件和Js模組的詳細內容。更多資訊請關注PHP中文網其他相關文章！