亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

不再手寫import - VSCode自動(dòng)引入Vue組件和Js模塊

LiuRhoRamen / 3813人閱讀

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

如要自動(dòng)引入Vue組件，首先需安裝VSCode拓展： Vetur

自動(dòng)引入Vue組件和普通Js模塊

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

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


支持Webpack別名路徑

同上，需更新 jsconfig.json

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


在JS中自動(dòng)引入node_modules中的JS

以lodahs為例，安裝 lodash: npm install lodash

在根目錄添加 jsconfig.json 

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

輸入關(guān)鍵字后，點(diǎn)擊提示燈泡（快鍵鍵: Ctrl/Command + .），選擇JS模塊

注意： checkJs可能會(huì)引起部分項(xiàng)目語法報(bào)錯(cuò)，如有報(bào)錯(cuò)可使用下面的方法作為替代方案。

使用Npm Intellisense自動(dòng)引入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后, 選擇引入包

其他

自動(dòng)引入Vue組件和JS模塊后，按住Ctrl/Command點(diǎn)擊路徑可直接跳到該文件

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/96246.html

相關(guān)文章

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

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

    xiaotianyi 評(píng)論0 收藏0

  • Vue開發(fā)總結(jié) 及 一些最佳實(shí)踐 （已更新）

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

    NotFound 評(píng)論0 收藏0

  • 如何更有效率和質(zhì)量地開發(fā)Vue項(xiàng)目

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

    ShevaKuilin 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<