encode-studio-fe / es6-vue-template

印客学院 ES6 Vue 项目模板

es6-vue-template

印客学院 ES6 Vue 项目模板

⛰️ 能力支持

• Vue Router
• vite-plugin-pages - 以文件系统为基础的路由
• vite-plugin-vue-layouts - 页面布局系统
• Pinia - 直接的, 类型安全的, 使用 Composition API 的轻便灵活的 Vue 状态管理
• vite-plugin-vue-markdown - Markdown 作为组件，也可以让组件在 Markdown 中使用
• markdown-it-prism - Prism 的语法高亮
• prism-theme-vars - 利用 CSS 变量自定义 Prism.js 的主题
• Vue I18n - 国际化
• VueUse - 实用的 Composition API 工具合集
• @vueuse/head - 响应式地操作文档头信息
• vite-plugin-vue-devtools - 旨在增强 Vue 开发者体验的 Vite 插件
• 使用 Composition API 地 <script setup> SFC 语法
• TypeScript
• Vitest - 基于 Vite 的单元测试框架
• Cypress - E2E 测试

🛡️ 配置要求

• node >=14.18

🔨 如何使用

1.下载代码仓库，执行如下指令

git clone [e-mail]:encode-studio-fe/es6-vue-template.git
cd es6-vue-template

2.安装依赖

前提条件：使用最新版本的 pnpm

pnpm run init # pnpm install

3.执行指令

开发 只需要执行以下命令就可以在 http://localhost:3333 中看到

pnpm dev

构建

pnpm build

然后会看到用于发布的 dist 文件夹被生成。