中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當前位置: 首頁 > news >正文

裝修的網(wǎng)站都有哪些手機seo排名軟件

裝修的網(wǎng)站都有哪些,手機seo排名軟件,重慶沙坪壩地震,做微信公眾號的網(wǎng)站文章目錄 引入獲取vue devtool導入插件排除插件的npm腳本最終效果 引入 demo項目地址 Vue Devtools插件是vue項目必備插件,它是安裝在瀏覽器里的,而咱們的electron中實際就包含了一個瀏覽器,同理它也可以加載瀏覽器插件 獲取vue devtool 直…

文章目錄

    • 引入
    • 獲取vue devtool
    • 導入插件
    • 排除插件的npm腳本
    • 最終效果

引入

demo項目地址
Vue Devtools插件是vue項目必備插件,它是安裝在瀏覽器里的,而咱們的electron中實際就包含了一個瀏覽器,同理它也可以加載瀏覽器插件

electron安裝vuetools

獲取vue devtool

直接下載我工程中的插件

1.首先我們在谷歌安裝好vue devtool,然后右鍵插件,點擊管理擴展程序,

請?zhí)砑訄D片描述

2.在這個界面可以看到插件的ID

請?zhí)砑訄D片描述

3.然后我們可以在這個目錄下找到所有谷歌的插件:

  • C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions

請?zhí)砑訄D片描述

4.我們進入該目錄,將對應(yīng)文件夾拷貝一份,例如這里拷貝6.5.1的版本,重命名為vuetools6.5.1_0
請?zhí)砑訄D片描述

導入插件

1.首先我們將上一步中找到的vue插件放置在工程的plugins[自建的一個文件夾]目錄下

請?zhí)砑訄D片描述

2.我們查閱electron的官方文檔,里面有講解如何手動引入谷歌瀏覽器插件:

electron谷歌擴展支持

electron安裝谷歌擴展

3.我們調(diào)整主進程的代碼,在app初始化完成的時候,加載指定目錄下的谷歌插件,如下所示:

  • electron\main\index.ts
import { join } from "node:path";
import { session } from "electron";
...
app.whenReady().then(createWindow);
...async function createWindow() {// 只有在本地運行時 加載vue插件,打包運行時不加載 if (!app.isPackaged) {await session.defaultSession.loadExtension(join(__dirname, "../../plugins/vuetools6.5.1"));}
...
}

排除插件的npm腳本

1.此時我們可以看到在移入vue開發(fā)插件了以后,我們的vscode中多了兩個可執(zhí)行腳本,如下所示:

請?zhí)砑訄D片描述

2.我們其實不需要這個腳本,此時我們可以在配置文件中忽略它,找到項目根目錄下的settings.json文件:

  • .vscode\settings.json
  • 忽略plugins目錄下的npm腳本
{"npm.exclude": ["**/plugins/**"]
}

請?zhí)砑訄D片描述

最終效果

最終重新運行啟動項目,打開控制臺顯示如下

electron安裝vuetools

http://www.risenshineclean.com/news/5665.html

相關(guān)文章:

  • 網(wǎng)頁圖片大小怎么調(diào)整sem優(yōu)化怎么做
  • 中山市 做網(wǎng)站網(wǎng)站建立具體步驟是
  • 美女做基網(wǎng)站微信上如何投放廣告
  • 北京百子灣后現(xiàn)代城網(wǎng)站建設(shè)商業(yè)網(wǎng)站
  • 靜態(tài)網(wǎng)站開發(fā) 內(nèi)容磁力屋torrentkitty
  • 旅游景區(qū)網(wǎng)站建設(shè)win10優(yōu)化大師
  • c2c電商平臺網(wǎng)站外貿(mào)建站推廣哪家好
  • 小程序要先做網(wǎng)站seoul是啥意思
  • c access做網(wǎng)站登錄頁面網(wǎng)站推廣的渠道有
  • 公關(guān)公司排行搜索引擎優(yōu)化的定義是什么
  • 許昌做網(wǎng)站公司哪家專業(yè)抖音關(guān)鍵詞排名查詢
  • 做旅游網(wǎng)站的目的是什么企業(yè)軟文范例
  • 做再生料的網(wǎng)站小紅書如何引流推廣
  • 免費推廣網(wǎng)站搭建seo技術(shù)培訓教程
  • 番禺做網(wǎng)站多少錢濟南頭條今日新聞
  • 三一重工的網(wǎng)站是哪家做的全自動引流推廣軟件
  • 做火影忍者網(wǎng)站的格式seo關(guān)鍵詞優(yōu)化推廣報價表
  • 國內(nèi)新聞最新消息10條20235g網(wǎng)絡(luò)優(yōu)化培訓
  • 網(wǎng)站文件上傳好下一步怎么做網(wǎng)站友鏈
  • 北京最新網(wǎng)站備案今天最新的新聞頭條新聞
  • 廣州做網(wǎng)站專業(yè)公司2021年新聞?wù)?/a>
  • 手機網(wǎng)站設(shè)計小程序網(wǎng)站seo關(guān)鍵詞優(yōu)化技巧
  • 德升武漢網(wǎng)站建設(shè)今天最新軍事新聞視頻
  • 免費網(wǎng)站設(shè)計 優(yōu)幫云公司網(wǎng)絡(luò)優(yōu)化方案
  • 營銷網(wǎng)站建設(shè)公司個人網(wǎng)站源碼免費下載
  • 小說網(wǎng)站開發(fā)思路鄭州網(wǎng)絡(luò)推廣公司
  • 南平網(wǎng)站建設(shè)巨量引擎廣告投放平臺代理
  • 如何在網(wǎng)站上做淘寶客推廣青島seo外包服務(wù)
  • 廈門市建設(shè)質(zhì)量安全協(xié)會網(wǎng)站全網(wǎng)營銷平臺有哪些
  • 做網(wǎng)站招微商賣貨是真的嗎南寧網(wǎng)站優(yōu)化公司電話