首頁  >  文章  >  web前端  >  VSCode如何引入Vue組件和Js模組

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

不言
不言原創
2018-07-18 17:42:169054瀏覽

這篇文章要跟大家分享的內容是關於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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn