encode-studio-fe/es6-vue-template

印客学院 ES6 Vue 项目模板

TypeScript

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 git@github.com: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 文件夹被生成。