xuetengfei / vue3-template

一个 Vue3 + TS + Vite + Element-Plus 开箱即用的企业级开发模板。

vue3 template

一个 Vue3 + TS + Vite + Element-Plus 开箱即用的企业级开发模板。

🎉有点用的小特性

1. 这个是 Vue3.2的模板
2. 支持 Vite
3. UI框架是 Element-Plus 它已经支持暗黑模式
4. CSS框架是 TailwindCSS
5. 状态管理是 Pinia
6. ESlint+Prettier 已经配置完成
7. Git 提交前验证以及提交规范已做好
8. 封装的比较完善的 axios，有一丢丢的学习成本
9. Vue 和 VueRouter 的 API 自动引入，你还可以配置更多的 API 自动引入
10. 封装了一个 useRequest，让接口请求变得更加简单
11. 自带一个基础版本的动态路由，可以用作参考
12. 这个模板比较干净，需要你删除的的东西很少，也就是说需要自己编写的很多
13. 自带 Plop 脚手架，创建同类型文件会更快

🐉clone

这个是创建项目的第一步，可以按照我写的，你也可以随意发挥~

方式一：点击Use this template按钮，直接使用这个模板；

方式二：使用 git clone 命名，命令如下：

git clone https://github.com/ywanzhou/vue3-template.git

方式三：自行发挥~。

✨启动项目

这里我使用的包管理工具时npm，node版本大于 16.9.0。使用 npm 的主要原因是适应大多数人，毕竟 yarn 和 pnpm 需要安装，也是有些学习成本的；如果介意可以自行更换包管理工具。

现在开始正式启动这个项目

1. 安装依赖

npm install # 或者 npm i 或者 yarn

2. 开发过程

npm run dev # 运行

npm run dev:open # 自动打开浏览器
npm run dev:host # 添加 --host

npm run dev:host:open # 自动打开浏览器并添加 --host

3. 打包编译

npm run build

4. 预览

npm run preview

5. lint代码并格式化

npm run lint

📝有关的文章

• 封装axios
• 封装useRequest
• 动态权限路由
• 搭建过程

📖使用说明

待更新

🍚License

vue3-template is open source software licensed as MIT