一键生成awesome-vite 的模板,省去前期的繁琐配置

236 阅读1分钟

简介

awesome-vite 是一个 vite的模板仓库,可以帮助我们省去很多繁琐的配置 仓库地址:github.com/vitejs/awes…

为什么要用awesome-vite 的模板

开个玩笑:因为程序员都很懒。 正经脸:主要是awesome-vite 可以帮助我们省去很多繁琐的配置,可以直接上手,省去了很多烦人的事情。 awesome-vite里面有很多

image.png

开始

先康康vite 官方的支持

image.png

这里有个问题,就是官方的命令看不太懂,或者说不是那么详细

配置开始


npm install -g degit //全局安装degit

degit的简单使用
degit user/repo

# these commands are equivalent
degit github:user/repo
degit git@github.com:user/repo
degit https://github.com/user/repo

开始配置模板 以 vite-ts-tailwind-starter 为例

Uninen/vite-ts-tailwind-starter: Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter template w/ tests and CI. (github.com) 使用这个命令 image.png

degit https://github.com/Uninen/vite-ts-tailwind-starter