成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

不再手寫import - VSCode自動引入Vue組件和Js模塊

LiuRhoRamen / 3656人閱讀

摘要:如要自動引入組件,首先需安裝拓展自動引入組件和普通模塊在根目錄添加。使用自動引入中的安裝拓展配置輸入命令后選擇引入包其他自動引入組件和模塊后,按住點擊路徑可直接跳到該文件文章原始發(fā)布于我的博客

如要自動引入Vue組件,首先需安裝VSCode拓展: Vetur

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

在根目錄添加 jsconfig.json 。
每次修改jsconfig.json后需重啟該VSCode窗口

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


支持Webpack別名路徑

同上,需更新 jsconfig.json

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


在JS中自動引入node_modules中的JS

lodahs為例,安裝 lodash: npm install lodash

在根目錄添加 jsconfig.json

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

輸入關(guān)鍵字后,點擊提示燈泡(快鍵鍵: 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": ";
",
  "npm-intellisense.importDeclarationType": "const",
}

VSCode輸入命令(Ctrl/Command + Shift + P): Npm Intellisense: Import module后, 選擇引入包

其他

自動引入Vue組件和JS模塊后,按住Ctrl/Command點擊路徑可直接跳到該文件

文章原始發(fā)布于:我的博客

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/96246.html

相關(guān)文章

  • 手摸手,帶你用vue擼后臺 系列一(基礎(chǔ)篇)

    摘要:詳細(xì)具體的使用可以見文章手摸手,帶你優(yōu)雅的使用。為了加速線上鏡像構(gòu)建的速度,我們利用源進(jìn)行加速并且將一些常見的依賴打入了基礎(chǔ)鏡像,避免每次都需要重新下載。 完整項目地址:vue-element-admin系類文章二:手摸手,帶你用vue擼后臺 系列二(登錄權(quán)限篇)系類文章三:手摸手,帶你用vue擼后臺 系列三(實戰(zhàn)篇)系類文章四:手摸手,帶你用vue擼后臺 系列四(vueAdmin 一...

    xiaotianyi 評論0 收藏0
  • Vue開發(fā)總結(jié) 及 一些最佳實踐 (已更新)

    摘要:基本開發(fā)環(huán)境創(chuàng)建的項目,作為代碼編寫工具插件推薦插件配置文章目錄項目目錄結(jié)構(gòu)介紹框架選擇處理請求二次封裝項目目錄結(jié)構(gòu)簡介業(yè)務(wù)相關(guān)靜態(tài)文件全局組件基礎(chǔ)樣式布局樣式及工具引入請求配置路由全局狀態(tài)管理工具文件入口文件主要配置文件頁面檢查配置測試 基本開發(fā)環(huán)境 vue-cli3 創(chuàng)建的項目,vscode 作為代碼編寫工具vscode插件推薦:vscode 插件配置 文章目錄 項目目錄結(jié)構(gòu)介紹...

    NotFound 評論0 收藏0
  • 如何更有效率質(zhì)量地開發(fā)Vue項目

    摘要:前言自總結(jié)完了上篇前端工程化的思想,并在全家桶的項目加以實踐,趁熱給大家總結(jié)一篇如何更有效率與質(zhì)量地開發(fā)項目,以及其中踩過的一個個坑。。。 前言 自總結(jié)完了上篇前端工程化的思想,并在vue全家桶的項目加以實踐,趁熱給大家總結(jié)一篇如何更有效率與質(zhì)量地開發(fā)vue項目,以及其中踩過的一個個坑。。。 基于vue-cli的自定義模板(Custom Templates) 小伙伴們的vue項目應(yīng)該都...

    ShevaKuilin 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<