# chrome_ext

**Repository Path**: yl_yilong/chrome_ext

## Basic Information

- **Project Name**: chrome_ext
- **Description**: 使用vue框架开发chrome插件使用此模板可以减少重复工作,可以依照自己的开发环境进行对应的修改
其中使用了chrome-ext插件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2020-09-03
- **Last Updated**: 2022-04-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# chromedemo

### 作用
> 用于vue框架开发chrome插件,提供此模板减少重复操作

### 安装依赖
```$xslt
npm install
```

### 热启动
```$xslt
npm run build-watch
```

### 编译
```$xslt
npm run build
```

### 字体路径修改
> 描述
>> 原始的element组件中的字体文件引入会出错导致图标不能使用
> 1. 找到element-ui的index.css文件, 其路径：`node_modules\element-ui\lib\theme-chalk\index.css`
> 2. 将内容修改如下
>> 未修改时
```$xslt
@font-face{font-family:element-icons;src:url(fonts/element-icons.woff) format("woff"),url(fonts/element-icons.ttf) format("truetype");
```
>> 修改后
```$xslt
@font-face{
font-family:element-icons;
src:url(chrome-extension://__MSG_@@extension_id__/assets/fonts/element-icons.woff) format("woff"),
url(chrome-extension://__MSG_@@extension_id__/assets/fonts/element-icons.ttf) format("truetype");
```