# xvpage浏览器插件

**Repository Path**: xwloveprogress/xvpage-browser-plugin

## Basic Information

- **Project Name**: xvpage浏览器插件
- **Description**: xvpage是最新开发的浏览器newtab插件
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: xwipro
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-09
- **Last Updated**: 2025-11-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, newtab

## README

# xvpage浏览器插件

#### 介绍
xvpage是最新开发的浏览器newtab插件

#### 软件架构
项目采用VUE3 + scss + echarts + pinia 开发
ID采用CryptoJS的SHA256加密生成，但是一定是唯一的


#### 安装教程
##### 1. 本地打包
(1.)通过`git clone https://gitee.com/xwloveprogress/xvpage-browser-plugin.git`克隆到本地
(2.)`cd xvpage-browser-plugin`进入到项目目录，在当前目录使用pwsh打开路径之后输入`npm install`安装当前所有的环境
(3.)安装完成之后输入`npm run build`打包项目，具体需要的内容我粘在下方代码块中大家可以直接复制去用
```json
{
    "name": "__MSG_extensionName__",
    "version": "1.0.0",
    "description": "__MSG_extensionDescription__",
    "manifest_version": 3,
    "default_locale": "zh_CN",
    "author": "3455298645@qq.com",
    "homepage_url": "https://gitee.com/xwloveprogress",
    "chrome_url_overrides": {
        "newtab": "index.html"
    },
    "icons": {
        "16": "icon/icon16.png",
        "32": "icon/icon32.png",
        "48": "icon/icon48.png",
        "128": "icon/icon128.png",
        "500": "icon/icon500.png"
    },
    "permissions": [
        "favicon", 
        "tabs", 
        "storage"
    ],
    "host_permissions": [
        "https://r.inews.qq.com/*",
        "https://i.news.qq.com/*",
        "https://www.baidu.com/*"
    ]
}
```

> `__MSG_extensionName__`和`__MSG_extensionDescription__`可以替换成自己的内容，之后就是`icons`中的内容，这里存放的是icon图标，可以使用 https://uutool.cn/chrome-icon/ 制作

##### 2. 直接安装
打开右侧的发行版本，找到最新版本，点击下载即可。
下载完毕之后，将zip解压。。。。。。解压完成之后打开浏览器(chrome或edge)之后打开插件管理，从本地导入我们解压后的插件
> 需要打开**开发者模式**才可以导入

#### 3.作者说：
感谢各位使用，能力有限只能说能用，没办法做到特别好看，请见谅。。。