【源码】基于Vue 3、TypeScript和Vite的前端开发模板

项目简介

这是一个基于Vue 3、TypeScript和Vite的现代化前端开发模板。集成了各类linter工具，如prettier、eslint、stylelint等，无需复杂配置即可直接使用，能有效提高开发效率与代码质量。同时具备自动导入组件、unocss原子化CSS、图标使用等实用功能。

项目的主要特性和功能

1. 代码检查与格式化：集成eslint、prettier和stylelint等linter工具，保证代码风格统一和质量提升。
2. 自动化代码修复：保存代码时可自动应用linter的自动修复程序，也可在Git提交时由lint - stage进行修复。
3. 原子化CSS：采用unocss，可在HTML代码中编写类CSS代码，编译时自动汇总注入主程序，简化CSS编写。
4. 自动导入组件：项目内无需手动导入组件即可使用，方便element - plus按需使用。
5. 图标使用：支持element - plus和material - symbols等多种图标库，使用自动导入功能。
6. 快速开发：以Vite作为构建工具，可快速启动和构建项目。

安装使用步骤

下载项目源码

使用git clone命令将项目复制到本地，若未绑定远端git项目，进入项目目录后执行git init。

安装依赖

一般无需安装依赖可直接启动项目。若需高级操作（如配置远端git或更改项目设置），可参照.git目录下的配置文件修改。

运行项目

• 开发环境：在项目根目录下运行pnpm dev或yarn dev或npm dev启动开发服务器。
• 打包项目：在项目根目录下运行pnpm build或yarn build或npm run build构建生产环境代码包。

若以上步骤无法满足需求，可参照官方文档或在线社区了解更多细节和高级配置选项。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】