KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #cli #claude-code #codex #developer-tools #ai #dsh-plugin #ai-agent #mcp #deepseek-harness #windows

vue-vite

★ 166 Open GitHub ↗

vue3.5+vite8+vue-router+pinia，动态路由、权限管理、vw适配、PWD ，路由切换PC与移动端，配置简单，各种实用的插件库及对应示例

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [访问地址](https://vue-vite.pages.dev/)-[访问地址 国外](https://vue-vite-pages.vercel.app/)-[项目截图](./docs/Project.md)
# 目录
| 分类                         |
|----------------------------|
| [插件/构建](#Core)             |
| [vue 生态 路由/状态管理](#Ecology) |
| [UI AI/PC/Mobild/小程序](#UI) |
| [业务 UI 组件](#Business)      |
| [各种各样的工具](#Function)       |
| [动画特效](#Animation)         |
| [测试](#Test)                |
| [各种框架对比](#Frame)           |
| [在线工具](#Online)            |
| [开源项目](#Project)           |

# Core
| 语法糖                                                |
|----------------------------------------------------|
| [vue3 官网](https://vuejs.org/)                      |
| [👍 svelte 官网](https://github.com/sveltejs/svelte) |
| [react 官网](https://react.dev/)                     |
| [vue2 官网](https://v2.cn.vuejs.org/)                |
| [目录](#目录)                                          |

| TS                                      |
|-----------------------------------------|
| [typescript 官网](https://www.tslang.cn/) |
| [目录](#目录)                               |

| JS 引擎                         |
|-------------------------------|
| [bun](https://bun.sh/)        |
| [nodejs](https://nodejs.org/) |
| [deno](https://deno.com/)     |
| [目录](#目录)                     |

| 包管理                                   |
|---------------------------------------|
| [pnpm 综合实用性最佳](https://pnpm.io/)      |
| [yarn next](https://yarnpkg.com/)     |
| [npm](https://www.npmjs.com/)         |
| [Vite Plus 工具](https://viteplus.dev/) |
| [目录](#目录)                             |

| 插件网站                                                       |
|------------------------------------------------------------|
| [Vite 官方推荐插件](https://github.com/vitejs/awesome-vite)      |
| [vue3js](https://vue3js.cn/)                               |
| [vue3-resource](https://hu-snail.github.io/vue3-resource/) |
| [目录](#目录)                                                  |

| 构建工具                                                                |
|---------------------------------------------------------------------|
| [👍 Vite 开发环境极速启动（ESM 原生加载）](https://github.com/vitejs/vite)        |
| [Webpack 插件生态丰富，支持代码分割、热更新 笨重](https://github.com/webpack/webpack)  |
| [Turborepo 下一代 Webpack](https://github.com/vercel/turborepo)        |
| [Parcel ](https://github.com/parcel-bundler/parcel)                 |
| [SWC](https://github.com/swc-project/swc)                           |
| [esbuild 极速构建（Go 语言编写，并行处理）](https://github.com/evanw/esbuild)      |
| [Rollup 生成更小的库代码，Tree-shaking 高效](https://github.com/rollup/rollup) |
| [Rspack](https://github.com/web-infra-dev/rspack)                   |
| [Rolldown](https://rolldown.rs/)                                    |
| [目录](#目录)                                                           |

| 样式-D 注意重写组件样式的引用                                                                                     |
|------------------------------------------------------------------------------------------------------|
| [sass](https://sass-lang.com/)                                                                       |
| [sass-loader](https://webpack.docschina.org/)                                                        |
| [less](https://less.bootcss.com/)                                                                    |
| [less-loader](https://github.com/webpack-contrib/less-loader)                                        |
| [vue-style-loader](https://github.com/vuejs/vue-style-loader)                                        |
| [vue-template-compiler](https://github.com/vuejs/vue/tree/dev/packages/vue-template-compiler#readme) |
| **postcss必装，自动添加浏览器适配前缀**                                                                            |
| [postcss](https://github.com/postcss/postcss)                                                        |
| [postcss-preset-env](https://github.com/csstools/postcss-plugins)                                    |
| [autoprefixer](https://github.com/postcss/autoprefixer)                                              |
| [postcss-loader](https://github.com/webpack-contrib/postcss-loader)                                  |
| **快速样式CSS 并不推荐，建议大家自行封装**                                                                            |
| [unocss](https://unocss.dev/)                                                                        |
| [tailwindcss](https://tailwindcss.com/) [doc](https://www.tailwindcss.cn/docs)                       |
| [windicss](https://windicss.org/)                                                                    |
| [目录](#目录)                                                                                            |

| 语法检查-D                                                                          |
|---------------------------------------------------------------------------------|
| [👍 oxc](https://oxc.rs/)                                                       |
| [eslint](https://github.com/eslint/eslint) [doc](https://eslint.org/)           |
| [👍 prettier](https://github.com/prettier/prettier) [doc](https://prettier.io/) |
| [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier)    |
| [目录](#目录)                                                                       |

| 代码提交信息校验-D                                                                           |
|--------------------------------------------------------------------------------------|
| [husky](https://github.com/typicode/husky)                                           |
| [commitlint](https://commitlint.js.org/)                                             |
| [commitizen](https://github.com/commitizen/cz-cli)                                   |
| [cz-conventional-changelog](https://github.com/commitizen/cz-conventional-changelog) |
| [cz-customizable](https://github.com/leoforfree/cz-customizable)                     |
| [目录](#目录)                                                                            |

| 节点和浏览器的BDD / TDD断言库                    |
|----------------------------------------|
| [chai](https://github.com/chaijs/chai) |
| [目录](#目录)                              |

| 环境配置获取                                       |
|----------------------------------------------|
| [dotenv](https://github.com/motdotla/dotenv) |
| [目录](#目录)                                    |

# Ecology
| 路由管理                                                        |
|-------------------------------------------------------------|
| [👍 vue-router 官网](https://router.vuejs.org/)               |
| [👍 react-router 官网](https://reactrouter.com/en/main)       |
| [根据文件自动生成路由](https://github.com/hannoeru/vite-plugin-pages) |
| [目录](#目录)                                                   |

| 状态管理                                         |
|----------------------------------------------|
| [👍 Pinia 官网](https://pinia.web3doc.top/)    |
| [mitt 官网](https://github.com/developit/mitt) |
| [vuex 官网](https://next.vuex.vuejs.org/)      |
| [目录](#目录)                                    |

| JavaScript标准库                                  |
|------------------------------------------------|
| [core-js](https://github.com/zloirock/core-js) |
| [目录](#目录)                                      |

# UI
| 无头单组件                                                                                  |
|----------------------------------------------------------------------------------------|
| [👍 Vue shadcn](https://www.shadcn-vue.com/) [👍 React shadcn](https://ui.shadcn.com/) |
| [目录](#目录)                                                                              |

| AI UI                                                                                                |
|------------------------------------------------------------------------------------------------------|
| [assistant-ui](https://github.com/assistant-ui/assistant-ui) [官网](https://www.assistant-ui.com/)     |
| [ChatUI](https://github.com/alibaba/ChatUI) [官网](https://chatui.io/)                                 |
| [ant-design-x](https://github.com/ant-design/x) [官网](https://x.ant.design/index-cn)                  |
| [ant-design-x-vue](https://github.com/wzc520pyfm/ant-design-x-vue)                                   |
| [element-plus-x](https://github.com/element-plus-x/Element-Plus-X) [官网](https://element-plus-x.com/) |
| [tdesign](https://tdesign.tencent.com/chat/)                                                         |
| [ai-elements-vue](https://github.com/vuepont/ai-elements-vue) [官网](https://www.ai-elements-vue.com/) |
| [目录](#目录)                                                                                            |

| AI 小程序 UI                                                |
|----------------------------------------------------------|
| [tdesign](https://tdesign.tencent.com/miniprogram-chat/) |
| [目录](#目录)                                                |

| AI Chat                                                |
|--------------------------------------------------------|
| [vercel ai](https://github.com/vercel/ai)              |
| [CopilotKit](https://github.com/CopilotKit/CopilotKit) |
| [目录](#目录)                                              |

| VUE                                                                      |
|--------------------------------------------------------------------------|
| [bootstrap 官网](https://bootstrap-vue-next.github.io/bootstrap-vue-next/) |
| [👍 vuetifyjs 超级古老框架 商业版收费 不适合管理端](https://vuetifyjs.com/)               |
| [👍 ant-design-vue 社区维护](https://antdv.com/index)                        |
| [👍 element-plus 官网](https://element-plus.org/)                          |
| [quasar 官网](https://quasar.dev/)                                         |
| [arco 字节 官网](https://arco.design/)                                       |
| [tdesign 腾讯多端UI](https://tdesign.tencent.com/)                           |
| [opentiny 华为云 官网](https://opentiny.design/)                              |
| [headlessui 组件简单](https://headlessui.com/)                               |
| [heyui 官网](https://v2.heyui.top/)                                        |
| [naiveui](https://www.naiveui.com/zh-CN/os-theme)                        |
| [BalmUI 官网](https://material.balmjs.com/)                                |
| [iDux 官网](https://idux.site/)                                            |
| [relaxplus 官网](https://bsie.gitee.io/relaxplus/#/)                       |
| [primefaces 官网](https://primevue.org/)                                   |
| [Vuestic UI 官网](https://vuestic.dev/)                                    |
| [lobehub 官网](https://ui.lobehub.com/)                                    |
| [目录](#目录)                                                                |

| React                                              |
|----------------------------------------------------|
| [bootstrap 官网](https://react-bootstrap.github.io/) |
| [mui 官网](https://mui.com/zh/)                      |
| [ant-design 官网](https://ant.design/)               |
| [chakra-ui 官网](https://chakra-ui.com/)             |
| [semi 官网](https://semi.design/zh-CN/)              |
| [rsuitejs 官网](https://rsuitejs.com/zh/)            |
| [chakra 官网](https://chakra-ui.com/)                |
| [目录](#目录)                                          |

| 移动端                                                           |
|---------------------------------------------------------------|
| [👍vant](https://vant-ui.github.io/vant/#/zh-CN)              |
| [👍ionic-framework 官网 VRA](https://ionicframework.com/docs/)  |
| [👍nutui @nutui/nutui@next 官网](https://nutui.jd.com/)         |
| [Tencent](https://github.com/Tencent/weui/)                   |
| [vux](https://vux.li/)                                        |
| [varlet 官网](https://varlet-varletjs.vercel.app/#/en-US/index) |
| [onsen 官网](https://onsen.io/)                                 |
| [wave 官网](https://antoniandre.github.io/wave-ui/)             |
| [目录](#目录)                                                     |

| 小程序 UI 仅支持 vue3                                                               |
|-------------------------------------------------------------------------------|
| [uni-ui uni-app x](https://github.com/dcloudio/uni-ui)                        |
| [Cool uni-app x](https://github.com/cool-team-official/cool-unix)             |
| [付费服务 Tui-Plus uni-app x](https://life.yundie.xyz/tuiplus/docs/index.html)    |
| [Riceui uni-app x](https://gitee.com/riceui/rice-ui)                          |
| [u-xui uni-app x](https://gitee.com/less_code/u-xui)                          |
| [uview-ultra 不适配SASS 1.8+ uni-app x](https://uview-ultra.lingyun.net/)        |
| [vant weapp](https://github.com/vant-ui/vant-weapp)                           |
| [Cube UI](https://github.com/didi/cube-ui)                                    |
| [wot-design uni-app](https://github.com/Moonofweisheng/wot-design-uni)        |
| [nutui-uniapp uni-app](https://github.com/nutui-uniapp/nutui-uniapp)          |
| [uview-plus uni-app 不适配SASS 1.8+](https://github.com/ijry/uview-plus)         |
| [uview-pro uni-app 不适配SASS 1.8+](https://github.com/anyup/uView-Pro)          |
| [tuniaoui uni-app](https://github.com/chinabugotech/tuniaoui-rc-vue3-uniapp)  |
| [sard uni-app](https://github.com/sutras/sard-uniapp)                         |
| [腾讯 tdesign 仅支持原生 小程序](https://github.com/Tencent/tdesign-miniprogram)        |
| [腾讯 weui-wxss](https://github.com/Tencent/weui-wxss)                          |
| [腾讯 weui-miniprogram](https://github.com/wechat-miniprogram/weui-miniprogram) |
| [付费 TM-UI uni-app x](https://ext.dcloud.net.cn/plugin?id=16369)               |
| [付费 uxframe uni-app x](https://www.uxframe.cn/)                               |
| [付费 limex uni-app x](https://limex.qcoon.cn/)                                 |
| [付费 FirstUI uni-app x](https://github.com/FirstUI)                            |
| [付费 graceui uni-app x](https://www.graceui.com/)                              |
| [付费 turbo-ui uni-app x](https://turbo-ui.cn/)                                 |
| [目录](#目录)                                                                     |

| UI 单一组件                                                                |
|------------------------------------------------------------------------|
| [表格 vxe-table 官网](https://vxetable.cn/#/table/start/install)           |
| [表格 tanstack 官网](https://tanstack.com/)                                |
| [布局 vue-grid-layout](https://jbaysolutions.github.io/vue-grid-layout/) |
| [目录](#目录)                                                              |

| UI 进度条-滑动条                                                                   |
|------------------------------------------------------------------------------|
| [vuejs-progress-bar](https://github.com/larsmars/vuejs-progress-bar)         |
| [vue-slider-component](https://github.com/NightCatSama/vue-slider-component) |
| [目录](#目录)                                                                    |

| UI JS                                                                |
|----------------------------------------------------------------------|
| [👍 Bootstrap](https://getbootstrap.com/)                            |
| [👍 layui 官方！！！](https://layui.dev/)                                 |
| [H5 zeptojs](https://www.zeptojs.com.cn/)                            |
| [PC javascript](https://www.javascript.com/)                         |
| [Framework7](https://framework7.io/)                                 |
| [Foundation](https://get.foundation/index.html)                      |
| [Onsen UI](https://onsen.io/)                                        |
| [heyui](https://v2.heyui.top/)                                       |
| [varletjs varletjs](https://varlet-varletjs.vercel.app/#/en-US/home) |
| [目录](#目录)                                                            |

| VUE2 UI                                         |
|-------------------------------------------------|
| [elementUI 官网](https://element.eleme.io/)       |
| [mint-ui 官网](http://mint-ui.github.io/#!/zh-cn) |
| [buefy 官网](https://buefy.org/)                  |
| [目录](#目录)                                       |

# Business
| 文档                                       |
|------------------------------------------|
| [doczjs](https://github.com/doczjs/docz) |
| [目录](#目录)                                |

| 图表                                                               |
|------------------------------------------------------------------|
| [👍Apache ECharts 官网](https://echarts.apache.org/zh/index.html)  |
| [👍antv antd全家桶 官网](https://antv.vision/zh)                      |
| [👍FusionCharts 官网](https://www.fusioncharts.com/)               |
| [👍C3.js 官网](https://c3js.org/)                                  |
| [👍D3.js 官网](https://d3js.org/)                                  |
| [Recharts](https://recharts.org/zh-CN)                           |
| [Chart.js vue官网](https://vue-chartjs.org/)                       |
| [Chart.js 官网](https://chartjs.bootcss.com/)                      |
| [plotly 官网](https://plotly.com/)                                 |
| [nvd3 官网](https://nvd3.org/)                                     |
| [dygraphs 官网](https://dygraphs.com/)                             |
| [cytoscape 官网](https://js.cytoscape.org/)                        |
| [sigmajs 官网](https://www.sigmajs.org/)                           |
| [ember-charts 官网](https://emberobserver.com/addons/ember-charts) |
| [flotcharts 官网](https://www.flotcharts.org/)                     |
| [plottablejs 官网](http://plottablejs.org/)                        |
| [Highcharts 官网 付费](https://www.highcharts.com/)                  |
| [amcharts 官网 付费](https://www.amcharts.com/)                      |
| [storybook 官网](https://storybook.js.org/)                        |
| [vue-chart-3 官网](https://vue-chart-3.netlify.app/)               |
| [vue3charts 官网](https://vue3charts.org/)                         |
| [vue-echarts 官网](https://ecomfe.github.io/vue-echarts/)          |
| [目录](#目录)                                                        |

| 图表 小程序                                                                                  |
|-----------------------------------------------------------------------------------------|
| [uCharts](https://gitee.com/uCharts/uCharts) [uCharts 官网](https://www.ucharts.cn/v2/#/) |
| [echarts-for-weixin](https://github.com/ecomfe/echarts-for-weixin)                      |
| [目录](#目录)                                                                               |

| 轮播图                                                                       |
|---------------------------------------------------------------------------|
| [swiper 支持PC、H5](https://swiperjs.com/)                                   |
| [@splidejs/vue-splide](https://github.com/Splidejs/vue-splide)            |
| [slidev 演示文稿](https://github.com/slidevjs/slidev)                         |
| [vue3 seamless 无缝滚动](https://github.com/xfy520/vue3-seamless-scroll)      |
| [vue2 seamless 无缝滚动](https://github.com/chenxuan0000/vue-seamless-scroll) |
| [vue3 infinite 无限滚动](https://github.com/tnfe/vue3-infinite-list)          |
| [目录](#目录)                                                                 |

| 滚动                                                            |
|---------------------------------------------------------------|
| [better-scroll](https://github.com/ustbhuangyi/better-scroll) |
| [目录](#目录)                                                     |

| 日历                                                                                  |
|-------------------------------------------------------------------------------------|
| [vue-functional-calendar](https://github.com/ManukMinasyan/vue-functional-calendar) |
| [vuejs-heatmap](https://github.com/DominikAngerer/vue-heatmap)                      |
| [mpvue-calendar](https://github.com/Hzy0913/mpvue-calendar)                         |
| [目录](#目录)                                                                           |

| 图标                                                                                           |
|----------------------------------------------------------------------------------------------|
| [iconfont 官网](https://www.iconfont.cn/)                                                      |
| [iconify 官网](https://icon-sets.iconify.design/)                                              |
| [iconpark 官网](https://iconpark.oceanengine.com/home)                                         |
| [iconbox 官网](https://arco.design/iconbox/libs)                                               |
| 安装包                                                                                          |
| [unplugin-icons 官网](https://github.com/unplugin/unplugin-icons) [官网](https://icones.js.org/) |
| [xicons 官网](https://github.com/07akioni/xicons) [官网](https://www.xicons.org/#/)              |
| [boxicons 官网](https://github.com/atisawd/boxicons) [官网](https://boxicons.com/)               |
| 无字体库                                                                                         |
| [flaticon 官网](https://www.flaticon.com/)                                                     |
| [icons8 官网](https://icons8.com/icons)                                                        |
| [iconfinder 官网](https://www.iconfinder.com/search)                                           |
| [目录](#目录)                                                                                    |

| svg                                                                 |
|---------------------------------------------------------------------|
| [vite-svg-loader](https://github.com/jpkleemans/vite-svg-loader)    |
| [svg-sprite-loader](https://github.com/JetBrains/svg-sprite-loader) |
| [目录](#目录)                                                           |

| 加载 loading                                                             |
|------------------------------------------------------------------------|
| [nprogress](https://github.com/rstacruz/nprogress)                     |
| [vue-simple-spinner](https://github.com/dzwillia/vue-simple-spinner)   |
| [vue-loading-overlay](https://github.com/ankurk91/vue-loading-overlay) |
| [vue-progressbar](https://github.com/hilongjw/vue-progressbar)         |
| [vue-spinner](https://github.com/greyby/vue-spinner)                   |
| [vue-blockui](https://github.com/realdah/vue-blockui)                  |
| [目录](#目录)                                                              |

| 营销组件                               |
|------------------------------------|
| [抽奖转盘/九宫格/老虎机](https://100px.net/) |
| [目录](#目录)                          |

| 拖拽                                                                            |
|-------------------------------------------------------------------------------|
| [Sortable](https://github.com/SortableJS/Sortable)                            |
| [vue3-dnd](https://haochenguang.gitee.io/vue3-dnd/)                           |
| [vue3 vue.draggable.next](https://github.com/SortableJS/vue.draggable.next)   |
| [vue-draggable-plus](https://github.com/Alfred-Skyblue/vue-draggable-plus)    |
| [revue-draggable](https://github.com/bcakmakoglu/revue-draggable)             |
| [vue3 draggable-resizable](https://github.com/a7650/vue3-draggable-resizable) |
| [vue-drag-resize](https://github.com/kirillmurashov/vue-drag-resize)          |
| [vue2 Vue.Draggable](https://github.com/itmier/Vue.Draggable)                 |
| [vue2 vue-grid-layout](https://github.com/jbaysolutions/vue-grid-layout)      |
| [目录](#目录)                                                                     |

| 二维码                                                  |
|------------------------------------------------------|
| [qrcode](https://github.com/soldair/node-qrcode)     |
| [vue-qr](https://github.com/Binaryify/vue-qr)        |
| [qrcode.vue](https://github.com/scopewu/qrcode.vue)  |
| [qrcodejs2](https://github.com/davidshimjs/qrcodejs) |
| [目录](#目录)                                            |

| 全屏                                                         |
|------------------------------------------------------------|
| [screenfull](https://github.com/sindresorhus/screenfull)   |
| [vue-fullscreen](https://github.com/mirari/vue-fullscreen) |
| [目录](#目录)                                                  |

| html2canvas，页面截图                                       |
|--------------------------------------------------------|
| [html2canvas](https://github.com/niklasvh/html2canvas) |
| [目录](#目录)                                              |

| 裁剪图片                                                    |
|---------------------------------------------------------|
| [vue-cropper](https://github.com/xyxiao001/vue-cropper) |
| [viewerjs](https://github.com/fengyuanchen/viewerjs)    |
| [v-viewer](https://github.com/mirari/v-viewer)          |
| [目录](#目录)                                               |

| 富文本                                                                  |
|----------------------------------------------------------------------|
| [editor.js 官网](https://github.com/codex-team/editor.js)              |
| [tiptap 官网](https://tiptap.dev/)                                     |
| [vue3 wangeditor 官网](https://www.wangeditor.com/)                    |
| [vue2 wangeditor 官网](https://www.wangeditor.com/)                    |
| [react wangeditor 官网](https://www.wangeditor.com/)                   |
| [js wangeditor 官网](https://www.wangeditor.com/)                      |
| [Quill](https://quilljs.com/)                                        |
| [vue-quill-editor](https://github.com/surmon-china/vue-quill-editor) |
| [ckeditor5-vue](https://github.com/ckeditor/ckeditor5-vue)           |
| [TinyMCE 6 官网](https://www.tiny.cloud/docs/tinymce/6/)               |
| [TinyMCE 官网](https://www.tiny.cloud/)                                |
| [Froala](https://froala.com/wysiwyg-editor/)                         |
| [Trumbowyg](https://alex-d.github.io/Trumbowyg/)                     |
| [slate](https://github.com/ianstormtaylor/slate)                     |
| [squire](https://github.com/neilj/Squire)                            |
| [summernote](https://summernote.org/)                                |
| [bytemd](https://bytemd.js.org/)                                     |
| [目录](#目录)                                                            |

| 富文本 小程序                                          |
|--------------------------------------------------|
| [mp-html](https://github.com/jin-yufeng/mp-html) |
| [目录](#目录)                                        |

| Markdown编辑器                                                                       |
|-----------------------------------------------------------------------------------|
| [Vditor 官网](https://b3log.org/vditor/)                                            |
| [Vue-markdown-editor 官网](https://code-farmer-i.github.io/vue-markdown-editor/zh/) |
| [Md-editor-v3 官网](https://imzbf.github.io/md-editor-v3/index)                     |
| [markdown-exit 官网](https://github.com/serkodev/markdown-exit)                     |
| [vue-markdown-renderer 官网](https://github.com/Simon-He95/vue-markdown-renderer)   |
| [目录](#目录)                                                                         |

| 流程图                                                                 |
|---------------------------------------------------------------------|
| [bpmn](https://bpmn.io/)                                            |
| [logic-flow](https://site.logic-flow.cn/docs/#/zh/)                 |
| [vue3-bpmn](https://github.com/moon-studio/vite-vue-bpmn-process)   |
| [vue3-tsx-bpmn](https://github.com/Yiuman/bpmn-vue-activiti)        |
| [vue2-bpmn](https://github.com/miyuesc/bpmn-process-designer)       |
| [vue2-bpmn](https://github.com/GoldSubmarine/workflow-bpmn-modeler) |
| [bpmn 中文文档](https://github.com/LinDaiDai/bpmn-chinese-document)     |
| [mermaid](https://github.com/mermaid-js/mermaid)                    |
| [xyflow 没有vue版](https://github.com/xyflow/xyflow)                   |
| [gojs](https://gojs.net/latest/index.html)                          |
| [目录](#目录)                                                           |

| 工作流 框架                                      |
|---------------------------------------------|
| [NodeJS n8n](https://github.com/n8n-io/n8n) |
| [目录](#目录)                                   |

| 地图                                                          |
|-------------------------------------------------------------|
| [vue-amap 高德](https://github.com/ElemeFE/vue-amap)          |
| [vue-baidu-map 百度](https://github.com/Dafrok/vue-baidu-map) |
| [目录](#目录)                                                   |

| 数据屏                                          |
|----------------------------------------------|
| [DataV](https://github.com/DataV-Team/Datav) |
| [目录](#目录)                                    |

# Function
| 工具合集                                          |
|-----------------------------------------------|
| [vuepress](https://github.com/vuejs/vuepress) |
| [工具集合](https://vueuse.org/)                   |
| [目录](#目录)                                     |

| 网络请求                                                                                      |
|-------------------------------------------------------------------------------------------|
| [axios 官网](http://axios-js.com/)                                                          |
| [ws 官网 ts 需安装 @types/ws](https://developer.mozilla.org/zh-CN/docs/Web/API/WebSockets_API) |
| [socket.io socket.io-client](https://socket.io/zh-CN/)                                    |
| [qs 序列化参数，并非网络请求](https://github.com/ljharb/qs)                                           |
| [目录](#目录)                                                                                 |

| 日志                                                                         |
|----------------------------------------------------------------------------|
| [eruda](https://github.com/liriliri/eruda)                                 |
| [vconsole](https://github.com/Tencent/vConsole)                            |
| [vue-vconsole-devtools](https://github.com/Zippowxk/vue-vconsole-devtools) |
| [目录](#目录)                                                                  |

| mock API-D                                                                     |
|--------------------------------------------------------------------------------|
| [better-mock](https://github.com/lavyun/better-mock)                           |
| [axios-mock-adapter 只拦截 axios](https://github.com/ctimmerm/axios-mock-adapter) |
| [node-mocks-http](https://github.com/eugef/node-mocks-http)                    |
| [vite-plugin-mock](https://github.com/vbenjs/vite-plugin-mock)                 |
| [mockjs 安全 bug 未解决请勿使用](https://github.com/nuysoft/Mock)                       |
| [目录](#目录)                                                                      |

| cookie管理                                            |
|-----------------------------------------------------|
| [cookie](https://github.com/jshttp/cookie)          |
| [js-cookie](https://github.com/js-cookie/js-cookie) |
| [目录](#目录)                                           |

| 日期格式化                                                 |
|-------------------------------------------------------|
| [dayjs](https://github.com/iamkun/dayjs)              |
| [date-fns](https://github.com/date-fns/date-fns)      |
| [luxon](https://github.com/moment/luxon)              |
| [date-fns-tz](https://github.com/marnusw/date-fns-tz) |
| [~~~moment~~~](https://github.com/moment/moment)      |
| [目录](#目录)                                             |

| 剪切板                                                       |
|-----------------------------------------------------------|
| [vue-clipboard2](https://github.com/Inndy/vue-clipboard2) |
| [clipboard.js](https://github.com/zenorocha/clipboard.js) |
| [目录](#目录)                                                 |

| 打印                                                                   |
|----------------------------------------------------------------------|
| [print-js](https://github.com/crabbly/Print.js)                      |
| [vue-plugin-hiprint](https://github.com/CcSimple/vue-plugin-hiprint) |
| [vue3-print-nb](https://github.com/Power-kxLee/vue3-print-nb)        |
| [目录](#目录)                                                            |

| 加密解密                                                 |
|------------------------------------------------------|
| [crypto-js](https://github.com/brix/crypto-js)       |
| [md5](https://github.com/pvorb/node-md5)             |
| [bcryptjs](https://github.com/dcodeIO/bcrypt.js)     |
| [jsencrypt](https://github.com/travist/jsencrypt)    |
| [jsrsasign](https://github.com/kjur/jsrsasign)       |
| [base64-js](https://github.com/beatgammit/base64-js) |
| [js-base64](https://github.com/dankogai/js-base64)   |
| [目录](#目录)                                            |

| ua                                                                   |
|----------------------------------------------------------------------|
| [ua-parser-js](https://github.com/faisalman/ua-parser-js)            |
| [isbot](https://github.com/omrilotan/isbot)                          |
| [ua-regexes-lite](https://github.com/TrigenSoftware/ua-regexes-lite) |
| [bowser](https://github.com/bowser-js/bowser)                        |
| [目录](#目录)                                                            |

| 本地数据存储                                     |
|--------------------------------------------|
| [lodash](https://github.com/lodash/lodash) |
| [lowdb](https://github.com/typicode/lowdb) |
| [目录](#目录)                                  |

| 国际化                                                                                          |
|----------------------------------------------------------------------------------------------|
| [i18n-next 不限制环境](https://github.com/i18next) [官网](https://www.i18next.com/)                 |
| [vue-i18n](https://github.com/kazupon/vue-i18n) [官网](https://kazupon.github.io/vue-i18n/zh/) |
| [vue-i18n + @intlify/unplugin-vue-i18n](https://github.com/intlify/bundle-tools)             |
| [目录](#目录)                                                                                    |

| 三方授权登录集成库                                                                    |
|------------------------------------------------------------------------------|
| [next-auth](https://github.com/nextauthjs/next-auth)                         |
| [@okta/okta-auth-js](https://github.com/okta/okta-auth-js)                   |
| [hellojs](https://github.com/MrSwitch/hello.js)                              |
| [telegram vue3-telegram-login](https://github.com/cinob/vue3-telegram-login) |
| [telegram vue-tg](https://github.com/deptyped/vue-telegram)                  |
| [目录](#目录)                                                                    |

| 分享插件                                                                        |
|-----------------------------------------------------------------------------|
| [vue-social-sharing](https://github.com/nicolasbeauvais/vue-social-sharing) |
| [vue-socialmedia-share](https://github.com/mbj36/vue-socialmedia-share)     |
| [nativeshare 唤起浏览器自身分享组件](https://github.com/fa-ge/NativeShare)             |
| [目录](#目录)                                                                   |

| 文件上传、解析、保存，office 预览、上传、导出、导入 包含：xls，xlsx，doc，docx，pdf，csv                              |
|-----------------------------------------------------------------------------------------|
| [图片上传](https://github.com/Molunerfinn/PicGo)                                            |
| [exceljs](https://github.com/exceljs/exceljs)                                           |
| [sheetjs](https://docs.sheetjs.com/)                                                    |
| [csv](https://github.com/adaltas/node-csv)                                              |
| [papaparse](https://github.com/mholt/PapaParse)                                         |
| [xlsx 不建议使用有高危漏洞](https://github.com/SheetJS/sheetjs)                                   |
| [文件类型判断 file-type](https://github.com/sindresorhus/file-type)                           |
| [Office Excel handsontable](https://github.com/handsontable/handsontable)               |
| [Office Word mammoth](https://github.com/mwilliamson/mammoth.js)                        |
| [PDF pdfjs-dist](https://github.com/mozilla/pdf.js)                                     |
| [PDF vue-pdf vue2](https://github.com/FranckFreiburger/vue-pdf)                         |
| [@vue-office docx excel pdf v2需要安装依赖 vue-demi](https://github.com/501351981/vue-office) |
| [文件保存 file-saver](https://github.com/eligrey/FileSaver.js)                              |
| [Uppy 官网](https://uppy.io/docs/vue/)                                                    |
| [Vue-filepond 官网](https://github.com/pqina/vue-filepond#readme)                         |
| [sharp 图片转换 官网](https://github.com/lovell/sharp)                                        |
| [目录](#目录)                                                                               |

| 支付                                                                                  |
|-------------------------------------------------------------------------------------|
| [stripejs](https://github.com/stripe/stripe-node) [官网](https://stripe.com/docs)     |
| [vue-stripe](https://github.com/vue-stripe/vue-stripe) [官网](https://vuestripe.com/) |
| [目录](#目录)                                                                           |

| 视频播放                                                                          |
|-------------------------------------------------------------------------------|
| [dplayer 支持弹幕](https://dplayer.diygod.dev/zh/)                                |
| [vue-video-player](https://github.com/surmon-china/videojs-player)            |
| [vue-core-video-player](https://github.com/core-player/vue-core-video-player) |
| [目录](#目录)                                                                     |

| 3D                                                                                                                                |
|-----------------------------------------------------------------------------------------------------------------------------------|
| [WebGL](https://developer.mozilla.org/zh-CN/docs/Web/API/WebGL_API)                                                               |
| [threejs](https://github.com/mrdoob/three.js) [官网](https://threejs.org/) [GitHub](https://github.com/mrdoob/three.js/tree/master) |
| [babylonjs](https://github.com/BabylonJS/Babylon.js) [官网](https://www.babylonjs.com/)                                             |
| [AR model-viewer](https://github.com/google/model-viewer)                                                                         |
| [目录](#目录)                                                                                                                         |

| 浏览器相关的插件                                                                        |
|---------------------------------------------------------------------------------|
| [devtools-detector 判断浏览器是否打开了控制台](https://github.com/AepKill/devtools-detector) |
| [目录](#目录)                                                                       |

| 适配移动端-D                                                                                                 |
|---------------------------------------------------------------------------------------------------------|
| **vw方案 需要依赖style-loader 且需要删除@vue/cli-plugin-eslint**                                                   |
| [postcss-px-to-viewport](https://github.com/evrone/postcss-px-to-viewport)                              |
| [postcss-px-to-viewport-8-plugin TS 请用这个](https://github.com/lkxian888/postcss-px-to-viewport-8-plugin) |
| **rem方案**                                                                                               |
| [postcss-pxtorem](https://github.com/cuth/postcss-pxtorem)                                              |
| [amfe-flexible](https://github.com/amfe/lib-flexible)                                                   |
| [目录](#目录)                                                                                               |

| 公共 API 调用                                         |
|---------------------------------------------------|
| [API](https://github.com/public-apis/public-apis) |
| [IP API](https://github.com/ihmily/ip-info-api)   |
| [目录](#目录)                                         |

# Animation
| 动画                                                             |
|----------------------------------------------------------------|
| [auto-animate](https://auto-animate.formkit.com/)              |
| [tsparticles 粒子动画](https://github.com/tsparticles/tsparticles) |
| [lottiefiles 表情动画](https://lottiefiles.com/)                   |
| [angrytools 生成 css](https://angrytools.com/)                   |
| [cssanimation](https://github.com/yesiamrocks/cssanimation.io) |
| [目录](#目录)                                                      |

| 动画                                                                                                     |
|--------------------------------------------------------------------------------------------------------|
| [animate css库 官网](https://animate.style/)                                                              |
| [Animatopy](https://sarthology.github.io/Animatopy/)                                                   |
| [animxyz](https://animxyz.com/)                                                                        |
| [animista](https://animista.net/)                                                                      |
| [wickedCSS](https://github.com/kristofferandreasen/wickedCSS)                                          |
| [Magic.css css库 停更](https://github.com/miniMAC/magic) [官网](https://www.minimamente.com/project/magic/) |
| [animation css库 停更](https://limichange.github.io/my-animation-list/)                                   |
| [WOW js库 官网 停更](https://www.delac.io/WOW/) [wow.js vue3 官网 停更](https://wowjs.uk/)                      |
| [vue-animate js库 官网](https://github.com/asika32764/vue-animate)                                        |
| [vue-kinesis js库 官网](https://github.com/Aminerman/vue-kinesis)                                         |
| [move js库 官网 停更](https://github.com/visionmedia/move.js)                                               |
| [animejs js库](https://animejs.com/)                                                                    |
| [velocityjs js库 停更](http://velocityjs.org/)                                                            |
| [Waves js库 停更](https://github.com/fians/Waves)                                                         |
| [anijs js库 停更](https://github.com/anijs/anijs)                                                         |
| [gsap库 含收费](https://github.com/greensock/GSAP) [官网](https://greensock.com/gsap/)                       |
| [motion js库](https://github.com/framer/motion)                                                         |
| [saos js库](https://github.com/shiryel/saos)                                                            |
| [popmotion js库 停更](https://github.com/popmotion/popmotion)                                             |
| [kute js库 停更](https://github.com/thednp/kute.js)                                                       |
| [simpleParallax js库 停更](https://github.com/geosigno/simpleParallax.js)                                 |
| [barbajs js库 切换](https://github.com/barbajs/barba)                                                     |
| [案例 特效 1](https://codepen.io/)                                                                         |
| [案例 css技巧 1](https://csscoco.com/inspiration/#/)                                                       |
| [案例 css技巧 2](https://chokcoco.github.io/CSS-Inspiration/#/)                                            |
| [React motion](https://motion.ant.design/index-cn)                                                     |
| [目录](#目录)                                                                                              |

| 动画 滚动视觉差                                                     |
|--------------------------------------------------------------|
| [scrollrevealjs](https://scrollrevealjs.org/)                |
| [lax.js](https://github.com/alexfoxy/lax.js)                 |
| [rellax.js](https://github.com/dixonandmoe/rellax)           |
| [vue-prlx 滚动视觉差](https://github.com/gerasimvol/vue-prlx)     |
| [scrolly 滚动视觉差](https://github.com/yesiamrocks/scrolly.js)   |
| [fullPage.js 付费](https://github.com/alvarotrigo/fullPage.js) |
| [目录](#目录)                                                    |

| 动画 鼠标                                                              |
|--------------------------------------------------------------------|
| [Hover css库 官网](https://ianlunn.github.io/Hover/)                  |
| [v-wave 指令库 官网](https://justintaddei.github.io/v-wave/)            |
| [elrumordelaluz 鼠标放上效果](https://elrumordelaluz.github.io/reshake/) |
| [csshake 抖动效果](https://elrumordelaluz.github.io/csshake/)          |
| [目录](#目录)                                                          |

| 动画 Loading                                                                   |
|------------------------------------------------------------------------------|
| [three-dots 等待效果](https://nzbin.github.io/three-dots/)                       |
| http://k21vin.gitee.io/front-end-data-visualization/#/native/pureCSS/loading |
| https://juejin.cn/post/7037036742985121800                                   |
| [目录](#目录)                                                                    |

| 动画 文字                                                |
|------------------------------------------------------|
| [typed 打字机效果](https://github.com/mattboldt/typed.js) |
| [vue-textra](https://github.com/hosein2398/Textra)   |
| [目录](#目录)                                            |

| 动画                                           |
|----------------------------------------------|
| [vivus](https://github.com/maxwellito/vivus) |
| [mojs](https://github.com/mojs/mojs)         |
| [webcode](https://webcode.tools/)            |
| [目录](#目录)                                    |

| 动画 渐变                                                           |
|-----------------------------------------------------------------|
| [granim](https://github.com/sarcadass/granim.js)                |
| [particles 背景图](https://github.com/VincentGarreau/particles.js) |
| [目录](#目录)                                                       |

# Test
| 本项目并没有测试用例，如果大家需要的话请自行添加，以下是测试集成依赖                                      |
|-------------------------------------------------------------------------|
| [eruda 调试](https://github.com/liriliri/eruda)                           |
| [@vue/test-utils 推荐 这个可以作为核心 配合jest使用更好](https://test-utils.vuejs.org/) |
| [jestjs](https://jestjs.io/)                                            |
| [mochajs webpack](https://mochajs.org/)                                 |
| [目录](#目录)                                                               |

# Frame
| 框架（✅支持 ❌不支持）                                                 | 小程序  | Web | Android | IOS | HarmonyOS | PC  | HarmonyOS PC |
|--------------------------------------------------------------|------|-----|---------|-----|-----------|-----|--------------|
| [uni-app 官网 小程序首选](https://uniapp.dcloud.net.cn/)            | ✅    | ✅   | ✅       | ✅   | ✅         | ❌   | ❌            |
| [uni-app x 官网](https://uniapp.dcloud.net.cn/)                | ✅    | ✅   | ✅       | ✅   | ✅         | ❌   | ✅            |
| [taro 官网 京东系首选](https://github.com/nervjs/taro)              | ✅    | ✅   | ✅       | ✅   | ✅         | ❌   | ❌            |
| [flutter 官网 👍性能优先](https://flutter.cn/)                     | ❌    | ✅   | ✅       | ✅   | ❌         | ✅   | ❌            |
| [React Native 官网](https://reactnative.cn/)                   | ❌    | ❌   | ✅       | ✅   | ❌         | ✅   | ❌            |
| [hippy 官网](https://hippyjs.org/#/)                           | ❌    | ✅   | ✅       | ❌   | ❌         | ❌   | ❌            |
| [ionic](https://ionic.io/)                                   | ❌    | ❌   | ✅       | ✅   | ❌         | ✅   | ❌            |
| [ionic 官网](https://ionicframework.com/)                      | ❌    | ❌   | ✅       | ✅   | ❌         | ✅   | ❌            |
| [Native Script 官网](https://nativescript.org/)                | ❌    | ✅   | ✅       | ✅   | ❌         | ✅   | ❌            |
| [lynxjs 官网 React](https://lynxjs.org/zh/index.html)          | ❌    | ✅   | ✅       | ✅   | ❌         | ❌   | ❌            |
| [tauri 官网 Vue](https://tauri.app/)                           | ❌    | ✅   | ✅       | ✅   | ❌         | ✅   | ❌            |
| [electronjs 官网](https://www.electronjs.org/zh/)              | ❌    | ❌   | ✅       | ✅   | ❌         | ✅   | ❌            |
| [nativescript-vue 官网](https://nativescript-vue.org/)         | ❌    | ❌   | ✅       | ✅   | ❌         | ✅   | ❌            |
| [华为 官网](https://developer.huawei.com/)                       | ❌    | ❌   | ✅       | ✅   | ✅         | ❌   | ✅            |
| [腾讯微信 官网](https://developers.weixin.qq.com/)                 | ✅    | ❌   | ✅       | ✅   | ✅         | ❌   | ❌            |
| [zero-native 官网](https://github.com/vercel-labs/zero-native) | ❌    | ❌   | ❌       | ❌   | ✅         | ❌   | ❌            |
| [目录](#目录)                                                    |

# Online
| api                                                    |
|--------------------------------------------------------|
| [hoppscotch](https://github.com/hoppscotch/hoppscotch) |
| [bruno](https://github.com/usebruno/bruno)             |
| [insomnia](https://github.com/Kong/insomnia)           |
| [yapi 支持本地部署](https://github.com/YMFE/yapi)            |
| [apifox](https://apifox.com/)                          |
| [apipost](https://www.apipost.cn/)                     |
| [目录](#目录)                                              |

| code                               |
|------------------------------------|
| [codepen](https://codepen.io/)     |
| [css 在线](https://cssreference.io/) |
| [目录](#目录)                          |

# SSR
| 框架                                                                                     |
|----------------------------------------------------------------------------------------|
| [NuxtJS vue](https://nuxt.com/)                                                        |
| [NuxtJS ui](https://ui.nuxt.com/)                                                      |
| [NextJS Next.js](https://nextjs.org/)                                                  |
| [astro](https://astro.build/)                                                          |
| [quasar 官网 组件一体](https://quasar.dev/)                                                  |
| [vite ssr-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/playground/ssr-vue) |
| [vite-plugin-ssr](https://vite-plugin-ssr.com/)                                        |
| [Hugo](https://github.com/gohugoio/hugo)                                               |
| [Docusaurus](https://github.com/facebook/docusaurus)                                   |
| [Jekyll](https://github.com/jekyll/jekyll)                                             |
| [Gatsby](https://github.com/gatsbyjs/gatsby)                                           |
| [目录](#目录)                                                                              |

# Service
| 框架                                                 |
|----------------------------------------------------|
| [expressjs](https://github.com/expressjs/express)  |
| [nest](https://github.com/nestjs/nest)             |
| [socket.io](https://github.com/socketio/socket.io) |
| [meteor](https://github.com/meteor/meteor)         |
| [koajs](https://github.com/koajs/koa)              |
| [fastify](https://github.com/fastify/fastify)      |
| [sails](https://github.com/balderdashy/sails)      |
| [egg](https://github.com/eggjs/egg)                |
| [midwayjs](https://www.midwayjs.org/)              |
| [目录](#目录)                                          |

# CDN
| 节省资源，请使用这个                                                            |
|-----------------------------------------------------------------------|
| [字体 CDN](https://www.cdnfonts.com/)                                   |
| [cdnjs](https://cdnjs.com/)                                           |
| [字体下载]()                                                              |
| [google](https://fonts.google.com/)                                   |
| [fonts2u](https://fonts2u.com/)                                       |
| [font download](https://font.download/)                               |
| [maisfontes](https://en.maisfontes.com/fonts-scripts?utm_source=home) |
| [目录](#目录)                                                             |

# CMS
| CMS                                        |
|--------------------------------------------|
| [strapi](https://github.com/strapi/strapi) |
| [hexo 博客](https://github.com/hexojs/hexo)  |
| [目录](#目录)                                  |

# Web3
| Web3                                               |
|----------------------------------------------------|
| [@web3auth/auth](https://github.com/web3auth/Auth) |
| [目录](#目录)                                          |

# 游戏
| 游戏                                                               |
|------------------------------------------------------------------|
| [Eva.js](https://eva.js.org/)                                    |
| [Unity 3D(C/JS) 3D大佬！](https://www.unrealengine.com/zh-CN/)      |
| [Cocos(C/TS) 2D、2.5大佬！](https://www.unrealengine.com/zh-CN/)     |
| [Unreal(C++) 这是一个追求画质的游戏引擎](https://www.unrealengine.com/zh-CN/) |
| [小游戏 createjs](https://www.createjs.com/)                        |
| [目录](#目录)                                                        |

# Project
| AI                                                              |
|-----------------------------------------------------------------|
| [open-webui](https://github.com/open-webui/open-webui)          |
| [OCR tesseract.js](https://github.com/naptha/tesseract.js)      |
| [OCR tesseract.c++](https://github.com/tesseract-ocr/tesseract) |
| [目录](#目录)                                                       |

| 低代码                                                             |
|-----------------------------------------------------------------|
| [penpot](https://github.com/penpot/penpot)                      |
| [formily 官网 阿里巴巴](https://github.com/alibaba/formily)           |
| [form-generator 官网](https://github.com/JakHuang/form-generator) |
| [mitosis](https://github.com/BuilderIO/mitosis)                 |
| [目录](#目录)                                                       |

| 项目及插件示例                       |
|-------------------------------|
| [小插件合集](https://madewith.cn/) |
| [目录](#目录)                     |

| 项目示例                                                            |
|-----------------------------------------------------------------|
| [uiverse 开源组件合集](https://uiverse.io/)                           |
| [hyperui 开源组件合集](https://www.hyperui.dev/)                      |
| [hyperui 开源组件合集](https://tailgrids.com/)                        |
| [slidev 演示文稿工具](https://cn.sli.dev/)                            |
| [nodejs 开源插件合集](https://github.com/sindresorhus/awesome-nodejs) |
| [组件](https://madewith.cn/)                                      |
| [vue3 优秀组件收集](https://hu-snail.github.io/vue3-resource/)        |
| [目录](#目录)                                                       |

| 项目示例                                                     |
|----------------------------------------------------------|
| [聊天室](https://github.com/gmingchen/vue3-element-plus-im) |
| [聊天悬浮](https://github.com/mattmezza/vue-beautiful-chat)  |
| [项目模板](https://github.com/antfu/vitesse)                 |
| [项目模板](https://github.com/vuejs/vitepress)               |
| [目录](#目录)                                                |

| Admin server & Web                                         |
|------------------------------------------------------------|
| https://github.com/jeecgboot                               |
| https://gitee.com/likeadmin                                |
| https://github.com/yangzongzhuan                           |
| [ant-simple-pro](https://github.com/lgf196/ant-simple-pro) |
| [目录](#目录)                                                  |

| Admin vite                                                           |
|----------------------------------------------------------------------|
| https://github.com/pure-admin/pure-admin-thin                        |
| https://github.com/XPoet/vite-vue3-starter                           |
| https://github.com/cuixiaorui/mini-vue                               |
| https://github.com/YunaiV/ruoyi-vue-pro                              |
| https://github.com/flipped-aurora                                    |
| https://github.com/vbenjs/vue-vben-admin                             |
| https://github.com/vbenjs/vben-admin-thin-next                       |
| https://github.com/pure-admin/vue-pure-admin                         |
| https://github.com/jekip/naive-ui-admin                              |
| https://github.com/HalseySpicy/Geeker-Admin                          |
| https://github.com/newbee-ltd/vue3-admin                             |
| https://github.com/buqiyuan/vite-vue3-admin                          |
| https://github.com/llyyayx/vue3-antd-admin                           |
| https://github.com/buqiyuan/vite-vue3-lowcode                        |
| https://github.com/RainManGO/vue3-composition-admin/tree/vite        |
| https://github.com/cmdparkour/vue-admin-box                          |
| https://github.com/GeekQiaQia/vue3.0-template-admin                  |
| https://github.com/lyt-Top/vue-next-admin                            |
| https://github.com/jzfai/vue3-admin-plus                             |
| https://github.com/tobe-fe-dalao/fast-vue3                           |
| https://github.com/gmingchen/vue3-element-plus-admin/tree/vite-pinia |
| https://github.com/lin-xin/vue-manage-system                         |
| https://github.com/iamhmx/vue-next-admin                             |
| https://github.com/un-pany/v3-admin-vite                             |
| https://github.com/flipped-aurora/gin-vue-admin                      |
| https://github.com/xushanpei/vite_vue3_ts                            |
| https://github.com/moon-studio/vite-vue-bpmn-process                 |
| https://github.com/flipped-aurora/gin-vue-admin                      |
| https://github.com/ywanzhou/vue3-template                            |
| https://github.com/cool-team-official/cool-admin-vue                 |
| https://github.com/Yiuman/bpmn-vue-activiti                          |
| https://github.com/peng-xiao-shuai/vite-vue-admin                    |
| https://github.com/wuufeii/vue3-admin-vite                           |
| https://github.com/talktao/Vue3-Vite-Vant-TS-H5                      |
| https://github.com/GeekQiaQia/vue3.0-template-admin                  |
| https://github.com/zeorcpt/vue3-vant-mobile                          |
| https://github.com/lyt-Top/vue-next-admin                            |
| https://github.com/ZANJIAHAO1008/Admin-Frame-Vue3                    |
| https://github.com/cmdparkour/vue-admin-box                          |
| https://github.com/honghuangdc/soybean-admin                         |
| https://github.com/liyupi/sql-generator                              |
| https://github.com/vite-pwa/vite-plugin-pwa                          |
| https://github.com/electron-vite/electron-vite-vue                   |
| https://github.com/Codennnn/vue-color-avatar                         |
| https://github.com/newbee-ltd/vue3-admin                             |
| https://github.com/GeekQiaQia/vue3.0-template-admin                  |
| https://github.com/zclzone/vue-naive-admin                           |
| https://github.com/hu-snail/vue3-admin-element-template              |
| [目录](#目录)                                                            |

| mobile & project                                      |
|-------------------------------------------------------|
| https://github.com/LZHD/vue-vite-h5                   |
| https://github.com/xxxsf/vue3-h5-template             |
| https://github.com/geekskai/vue3-jd-h5                |
| https://github.com/biubiubiu01/vue3-bigData           |
| https://github.com/jeecgboot/jeecg-boot               |
| https://github.com/biaochenxuying/blog-vue-typescript |
| https://github.com/Yin-Hongwei/music-website          |
| https://github.com/pipipi-pikachu/PPTist              |
| https://github.com/Codennnn/vue-color-avatar          |
| https://github.com/youlaitech/youlai-mall             |
| https://github.com/buqiyuan/vite-vue3-lowcode         |
| https://github.com/buqiyuan/vue3-antd-admin           |
| https://github.com/buqiyuan/vite-vue3-h5              |
| https://github.com/ynzy/vite-vue3-h5-template         |
| https://github.com/Sujb-sus/vue3-vite2-ts-blog-h5     |
| https://github.com/xsf0105/vue3-h5-template           |
| [目录](#目录)                                             |

# 命名规范及解释

1. 命名遵循驼峰规则：demoUser
2. 配置文件均按照xxConfig，数据配置均按照xxOption/xxData：
3. 封装的函数均按照export const FN = () => {}，内部调用函数用普通的function FN() {}
4. Store中对外函数命名均为useXx
5. interface尽量抽取出来，且抽取到最小粒度

##### API前端使用及后端接口命名规则对应：列举，可以对此进行变更

| 接口  | 前端              | 后端            | 前端API示例              | 后端API示例               |
|-----|-----------------|---------------|----------------------|-----------------------|
| 读取  | search / get    | read / select | searchDemo / getDemo | readDemo / selectDemo |
| 写入  | save / add      | create        | saveDemo / addDemo   | createDemo            |
| 编辑  | edit / update   | update        | editDemo             | updateDemo            |
| 删除  | remove / delete | delete        | removeDemo           | deleteDemo            |
| 上传  | upload          | upload        | uploadDemo           | uploadDemo            |
| 下载  | download        | export        | downloadDemo         | exportDemo            |
| 实体  | get / set       |               | getDemo / setDemo    |                       |

```text
言外

本项目的 TS 单纯的用来学习，内部大部分文件使用的是 any js 写法

TS 的优缺点不在这里一一赘述，给大家的建议是：个人或者小型项目直接用 js，大型项目根据人员选，超大型或者基础库使用 ts。
```

vue-vite

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README