Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/2322312693/chrome-extension-template-vue
vue chrome extension template (chrome浏览器扩展模板-Vue)
https://github.com/2322312693/chrome-extension-template-vue
chrome-extension hot-reload tailwindcss template vue vue3
Last synced: about 7 hours ago
JSON representation
vue chrome extension template (chrome浏览器扩展模板-Vue)
- Host: GitHub
- URL: https://github.com/2322312693/chrome-extension-template-vue
- Owner: 2322312693
- Created: 2024-08-28T03:05:19.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-08-28T06:06:58.000Z (about 1 month ago)
- Last Synced: 2024-09-19T09:18:11.550Z (9 days ago)
- Topics: chrome-extension, hot-reload, tailwindcss, template, vue, vue3
- Language: JavaScript
- Homepage:
- Size: 399 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue 3 + Vite +Tailwindcss Extensions Template
### 在Vue.js 上快速创建Chrome插件,开发实现热加载无需在手动刷新扩展 (Quickly create Chrome plugins on Vue.js and develop hot loading without manually refreshing the extension )
![Vue.js Chrome Extension Template images](docs/images/main.jpg)
### Structure 结构
```
├── src
│ ├── assets
│ ├── background.js // background runtime 运行时
│ ├── components
│ ├── content // content-script 运行时
│ │ └── content.js
│ ├── pages
│ │ ├── popup
│ │ │ ├── index.html
│ │ │ ├── index.js
│ │ │ └── index.vue
│ │ └── welcome
│ │ ├── index.html
│ │ ├── index.js
│ │ └── index.vue
│ ├── public
│ │ ├── images
│ │ │ ├── 128px.png //logo
│ │ │ ├── 16px.png
│ │ │ └── 48px.png
│ └── style.css
├── manifest.json //manifest.json 清单文件
├── package-lock.json
├── package.json
├── postcss.config.js
├── tailwind.config.js
└── vite.config.js```
```bash
$ git clone https://github.com/2322312693/chrome-extension-template-vue.git
$ npm install
$ npm run dev
$ npm run build
```### More technical consultation && Sponsorship
More technical support
AI completes multi-language Chrome extension with one click
Real-time logging of plugin log error information
### Contact me for technical support and technical exchange
Email:[email protected]
### Developed Chrome extensions with over 300,000 users