Skip to content

pingan8787/vite-vue3-windicss-chrome-extension-starter

Repository files navigation

vite-vue3-windicss-chrome-extension-starter

基于 Vite + Vue3 + Windicss 开发谷歌插件的 Starter 项目。

安装

// npm
npm install

// pnpm
pnpm install

运行

// npm
npm run watch

// pnpm
pnpm watch

添加拓展程序

进入谷歌浏览器 chrome://extensions/ 页面,选择“加载已解压的扩展程序”,选择该项目下 dist 目录。

新页面开发

可以在该项目 src/views 下统一管理页面,新增页面时,只需要在该目录下创建新文件即可。目录结构:

|- news
|-- main.html
|-- main.ts
|-- main.vue

打包工具会自动读取 "./src/views/**/main.ts" 下所有文件,并将该层目录的 main.html 作为输出的入口 HTML 文件。

资源分享