编辑器：vscode（选自己熟悉的）
UI 组件 扩展虽然只是一个简单的扩展，但是也是需要 UI 界面的，还是需要 UI 组件的，如果自己原生的编辑是很麻烦的，这里我们也是可以使用 element-ui 等组件库的。
安装 element-ui npm i element-ui -S或 yarn add element-ui 这里我们就用 yarn 来做
引入 element-ui web网站的话可以全局引入，按需引入，但是我们现在要做的是 Chrome 扩展，因此为了避免包过大，我们只能使用 按需而引入的方法
安装 babel-plugin-component 引入插件 yarn add babel-plugin-component -D 生产环境：npm --save-prod 将依赖的名称、版本要求写入 dependencies 开发环境：npm --save-dev 将依赖的名称、版本要求写入 devDependencies-D 写入 devDependencies
修改babel.config.js 安装了 babel-plugin-component 按需加载插件之后，还需要修改 babel 编译文件，如下图方式修改。
这样之后就可以在 .vue 文件去使用 element-ui 组件了END
popup的 UI界面 就如下图来设计 1. 标题可以点击来禁用与启动本网页面的翻译功能2. 输入框可以输入需要翻译的文本3. 选择下拉框可以选择翻译的语言4. hover 鼠标滑过之后，可以朗读复制等等
① 在 popup/index.js 按需引入组件 这里使用到 Input,Select,Option 这三个组件
② 编辑 css 与 html ，js 按照自己的 UI 页面设计，使用 vue 做 页面，也就是编辑 template，script 部分，以及 css，css 可以使用 import 的方式放在另外的文件中。
运行项目查看 yarn run build-watch 来查看得到页面，END
学无止境~~~~~~~~~~~~