Skip to content

脚手架

脚手架 / 样板 / 种子 / starter kits / 技术栈组合 / Yeoman 生成器

  • vue-cli - 用于搭建 Vue.js 项目的简单 CLI。
  • Vue-Django - 一个样板,帮助你将 VueJS 的精彩功能引入到 Django(Python)应用中。
  • python-vuejs - 使用一组脚本将 Python Web 框架和 Vue.js 粘合在一起。基本上是一个 vue-cli 包装器。
  • generator-vue-plugin - 生成 vue 插件的 Yeoman 生成器。
  • vue-seed - vue-seed 是那些希望快速上手 Vue 的人的最小种子
  • nuxt-seed - nuxt-seed 是那些希望快速上手 Vue 和 Nuxt 的人的最小种子
  • rails_vue_melt - 带有 webpack=vue 优化器的 Rails 视图。
  • vue-starter - 一个 Vue.js starter kit,让你可以专注于更多编程而不是配置。
  • vuejs-wordpress-theme-starter - 一个 WordPress 主题,内部被替换为 Vue
  • Cordovue - 一个使用 Vue 的 Apache Cordova 示例应用程序。
  • Cookiecutter-Django-Vue - Django+VueJS+Docker 可定制项目生成器,具有大量设置/集成
  • iBiu - 一个可视化 CLI,用于在 2 秒内搭建大型 Vue 项目。
  • wp-vue - 一个简单的 Vue 博客模板,显示来自 WordPress REST API 端点的帖子。
  • vue-cli-template-nativescript - 用于使用 rollup+babel+eslint 启动新的 nativescript+vue 项目的模板
  • vue-element-ui-scaffold - 带有 Element-UI CRUD 脚手架/生成器的在线可视化 Vue 2。
  • vue-firebase-element-ui-scaffold - 在线可视化 Vue 2、Element-UI 和 Firebase 脚手架/生成器,具有 CRUD、身份验证、文件/图像上传、活动日志等。
  • vuesion - Vuesion 是一个样板,帮助产品团队以前所未有的速度构建,减少头痛,并在工程和设计方面采用现代最佳实践
  • vue-vuex-typescript-webpack-seed - 带有 Vue、Vuex、Typescript、Scss 和 Webpack 热重载的种子项目
  • VueCharged Template - 一个高度个性化、功能优先的 Vue 2 模板,带有 CLI 脚手架。使用 Vue 2、Vuex、Vue Router 和 Vue I18n。
  • Huncwot - 带有 Node.js 的 Vue.js 样板,用于构建现代 JavaScript 应用程序,采用「包含电池」的方法。
  • wemake-vue-template - 前沿的 vue 模板,专注于代码质量和开发者幸福感。特点:nuxt、flow 和 jest。
  • vue-lib-template - 一个简单的模板,用于构建和发布 Vue 组件/库作为开源项目
  • Awesome Vue Boilerplate - 很棒的 Vue、Vuex、Vuex-pathify、element-ui、tailwindcss
  • ScaffoldHub.io - 生成带有 SQL、MongoDB 或 Firebase Firestore 数据库的完整 Vue 应用程序。
  • VuePlay - 在几秒钟内生成一次性 Vue playground。允许你快速测试事物。
  • Mevn-CLI - MEVN 栈应用的光速设置。
  • vue-cli-template-registry - 一个解决方案,用于安装托管在私有/企业存储库上的 vue-cli 自定义模板。
  • Vuejs Firebase CRUD Starter with Auth
  • vue-enterprise-boilerplate - 一个不断发展、非常个性化的架构和开发环境,用于使用 Vue CLI 3 的新 Vue SPA 项目
  • nuxt-headless - 使用 WordPress REST API 作为无头 CMS 的 Nuxt.js 样板
  • vue-starters-directory - 搜索 VueJS 的可用脚手架项目和 starter kits。提供搜索和 github 统计信息
  • janak - 轻松构建你的 Vue 3 应用
  • vue-composable-starter - 你的下一个 Vue composable 的极简起点
  • Vuetify-tailwind-animate-starter - 一个用于 Vuetify + Tailwind CSS + Animate.css 的 vue-cli 启动模板
  • vuejs-vuetify-structured-template boilerplate - 一个用于全功能 Vue.js + Vuetify + 良好结构 + API 就绪的 vue-cli 模板
  • vue-component-starter - 一个帮助你创建 Vue 3.x 组件的模板
  • Vue3-SPA-starter-template - 一个带有 Router、Pinia、i18n、Stripe、Event Bus、SEO meta 和 schema 标签处理等的 starter kit

客户端

仅在浏览器中渲染 Vue 应用程序

通用

在服务器上将 Vue 应用程序渲染为 HTML,并在浏览器中将其渲染到 DOM

  • SPA Starter Kit - 一个高度个性化的启动器,用于使用 Laravel 和 Vue.js 构建单页应用程序。
  • SSR Boilerplate - Vue.js 服务器端渲染样板,不污染 Vuex
  • neutrino-preset-vue-static - 一个用于使用 Vue.js 构建静态站点的极简启动器。
  • Vueniverse - 一个功能齐全的通用 Vue 模板,用于基于用户的应用程序,由 Nuxt.js 和 Express 提供支持。
  • vue-preload - 一个 Vue 插件,用于添加 <link rel="preload" 功能
  • Vue.js/Nuxt.js full-featured boilerplate - 专业机构前端模板,用于通过 Vue.js/Nuxt.js 构建快速、健壮和适应性强的 Web 应用程序或站点

服务器

包括后端样板

  • Vuetober - 带有 Laravel、Vue.js 和 October CMS 的单页应用程序。
  • vue-server-demo - 在 Vue 中编写 koa 服务器。
  • vue-apollo-connector-kit - 带有 2 种不同策略(localStorage 和 httpOnly cookies)的 JWT 身份验证。使用自定义指令(apollo)进行授权。
  • DotVue - 在 .NET 中实现 .vue 文件处理程序,带有服务器 ViewModel 回发。带有服务器端 ViewModel 的单文件组件。使用 Vue.js 的所有功能,以及简单的 C# 服务器端数据访问
  • isomor-vue-app - 设置带有 Vue 和 isomor 的工作环境,通过自动生成 API 来统一前端和后端。

Electron

  • Electron Vue - 一个 Electron & Vue.js 快速启动样板,带有 vue-cli 脚手架、常见 Vue 插件、electron-packager/electron-builder、单元/e2e 测试、vue-devtools 和 webpack。
  • VuePack - 一个现代启动器,使用 Vue 2、Vuex、Vue-router 和 Webpack 2(甚至 Electron)。
  • vue-flexible-link - 一个用于 Electron 的小型 Vue 组件,用于在浏览器中打开链接。理想用于跨环境应用(Web 和原生)
  • vuelectron - vue 的 electronjs 启动工具包。
  • vue-design - 最好的使用 Vue 和 Electron 的网站可视化构建器。
  • dapp - Vue/Parcel/Electron 栈的样板。
  • vue-electron-template - 一个 Electron & Vue.js 样板,启用了热重载,并使用 webpack-4 配置了常见的 Vue 插件、开发和构建脚本
  • vue-iview-electron-boilerplate - 一个带有 iview 4.x、Vue 2.x、Electron 8.x 和 Webpack 4.x 的 Electron & Vue.js 样板
  • electron-vue3-flask - 一个 Electron & Vue.js 应用程序启动模板,使用通过 Flask 的 Python 后端构建桌面应用程序
  • electron-vite-template - 一个带有 Vue 3、Vite 和 Electron 的现代桌面应用程序项目模板。它很快!
  • Vitectron - 强大而现代的 Vue 桌面应用程序模板,带有 TypeScript & JSX + Vue 3.x + Vite 2.x + Pinia 2.x + Vue-Router 4.x
  • Vutron - Vite + Electron + Vue 3 + Vuetify + TypeScript 的快速启动模板

部分

搭建应用程序的部分

  • vue-generator - 一个用于 Vue 组件、视图和存储模块的 CLI 生成器。
  • vue-component-generator - 一个用于 vue 组件的生成器,支持 Vue1.X 和 Vue2.X。
  • rapydml_cmp - Vue-component pythonic 生成器,构建在 RapydML 和 RapydScript 之上。
  • vue-authoring-template - 一个模板,用于以故事场景(storybook)格式轻松创作和发布 Vue 组件及其用例。
  • vue-component-boilerplate - 用于生成 Vue.js 组件样板代码的模板,预安装了构建脚本和测试
  • vue-generate-component-typescript - 一个用于 vue 的 typescript 代码生成器,可以生成组件、指令、过滤器。
  • vuejs-generate - 一个用于生成 Vue 组件、存储、存储模块和单元测试的简单 CLI
  • vue-sh-cli - 一个用于生成 Vue 组件、视图、存储模块和单元测试的 CLI。支持 Vue 3 组件模板和 TypeScript

基于VitePress构建 | 所有资源均为开源免费