Vite 6 🚀 - Vue 3 Starter Template

Vite6 + Vue3 + JavaScript + Vue Router + Pinia + TDesign + Less + Axios + ESLint + Stylelint + Prettier

在线 Demo

English | 简体中文

特性

• ⚡️ Vite 6 - 构建工具（就是快！）
• 🖖 Vue 3 - 渐进式 JavaScript 框架
• 🚦 Vue Router - 官方路由管理器
• 📦 Pinia - 值得你喜欢的 Vue Store
• 💻 TDesign - TDesign 适配桌面端的组件库
• 🎨 Less - CSS 预处理器
• 📥 APIs auto importing - 直接使用 Composition API 无需引入
• 😃 Icons auto install - 按需访问成千上万的图标作为组件
• 🔗 Axios - 一个基于 promise 的网络请求库，可以用于浏览器和 node.js
• 🧰 Husky + Lint-Staged - Git Hook 工具
• 🛡️ EditorConfig + ESLint + Prettier + Stylelint - 代码规范
• 🔨 Commitizen + Commitlint - 提交规范

编码风格

• 使用 Composition API <script setup> SFC 语法
• ESLint
• Prettier
• Stylelint

开发工具

• pnpm - 快, 节省磁盘空间的包管理器
• Visual Stuido Code 扩展
  • Vite - 自动启动 Vite 服务器
  • Volar - Vue 3 <script setup> IDE 支持
  • EditorConfig for VS Code - 一套用于统一代码格式的解决方案
  • ESLint - 可组装的JavaScript和JSX检查工具
  • Prettier - 代码格式化工具
  • StyleLint - CSS 代码规范工具

现在可以试试！

Vite5 Vue3 JavaScript Starter Template 需要 Node 版本 >= 14.18

GitHub 模板

使用这个模板创建仓库.

克隆到本地

如果您更喜欢使用更干净的 git 历史记录手动执行此操作

# [可选] 如果您使用的是 windows 系统，需要关闭换行符自动转换
git config --global core.autocrlf input

# 克隆
git clone https://github.com/ElanYoung/vite-vue-js-starter-template

# 打开文件夹
cd vite-vue-js-starter-template

# 安装依赖
npm i

清单

使用此模板时，请尝试按照清单正确更新您自己的信息

• 在 LICENSE 中改变作者名
• 在 App.vue 中改变标题
• 在 vite.config.js 更改主机名
• 在 public 目录下改变favicon
• 移除 .github 文件夹中包含资助的信息
• 整理 README 并删除路由

使用

开发

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

## 安装依赖
npm install

## 运行
npm run dev

构建

## 构建
npm run build

成就

🎉 被 Awesome Vite.Js 社区收录啦~

开源协议

MIT

Copyright (c) 2022 ElanYoung