/vue3-template

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

Primary LanguageTypeScript

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

clone🐉

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

方式一:点击Use this template按钮,直接使用这个模板;

方式二:使用 git clone 命名,命令如下:

git clone https://github.com/dishait/tov-template.git

方式三:自行发挥~。

启动项目✨

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

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

  1. 安装依赖
npm install # 或者 npm i 或者 yarn
  1. 开发过程
npm run dev # 运行

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

npm run dev:host:open # 自动打开浏览器并添加 --host
  1. 打包编译
npm run build
  1. 预览
npm run preview
  1. lint代码并格式化
npm run lint

使用说明:pencil:

待更新