這篇文章要跟大家分享的內容是關於VSCode如何自動的引入Vue元件和Js模組,有需要的朋友可以參考一下。
在根目錄中加入 jsconfig.json
。
每次修改jsconfig.json
後需重啟該VSCode視窗
{ "include": [ "./src/**/*" ], }
支援Webpack別名路徑
同上,需更新
{ "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中文網其他相關文章!